JSTools Weekly – 2023#6

Feb 16 2023

⭐2023#6: Einführung der Schriftart Awesome Sharp Regular! || 2023#6: Nango: OAuth-Tokens für APIs abrufen || ✨2023#6: Clack:‌ Erstellen Sie mühelos schöne CLIs-Apps. Um vollständige Ausgaben oder frühere Ausgaben zu sehen, schauen Sie sich JSTools Weekly an und abonnieren Sie den wöchentlichen Newsletter in Ihrer E-Mail. Font-Awesome: v6.3.

⭐2023#6: Einführung der Schriftart Awesome Sharp Regular! || 2023#6: Nango: OAuth-Tokens für APIs abrufen || ✨2023#6: Clack:‌ Erstellen Sie mühelos schöne CLIs-Apps

Um die vollständige Ausgabe oder frühere Ausgaben zu sehen, schauen Sie sich JSTools Weekly an und abonnieren Sie den wöchentlichen Newsletter per E-Mail

Font-Awesome : v6.3.0

Das ikonische SVG-, Schriftarten- und CSS-Toolkit

Wir stellen die Schriftart Awesome Sharp Regular vor!
Über 3.000 Icons in einem neuen, modernen Stil: Sharp Regular
Sharp Solid ist bereits fertig. Sharp Light, Thin und Duotone sind bald erhältlich!
Die Symbole basieren alle auf demselben 16-Pixel-Raster wie die vorhandenen Font Awesome Classic-Symbole.
und mehr

Erstellen Sie plattformübergreifende Desktop-Apps mit JavaScript, HTML und CSS

labelEigenschaft zu Objekten hinzugefügt Display.
Eine app.getPreferredSystemLanguages()API hinzugefügt, um die Systemsprachen des Benutzers zurückzugeben.
Neue UtilityProcess-API hinzugefügt, um untergeordneten Chromium-Prozess mit Knotenintegration zu starten.
Unterstützung für WebUSB hinzugefügt.
Unterstützung für serialPort.forget()ein neues Ereignis hinzugefügt serial-port-revoked, das ausgegeben wird, wenn ein bestimmter Ursprung widerrufen wird
Fügt eine neue setHiddenInMissionControlAPI hinzu, die es Entwicklern ermöglicht, die Missionskontrolle unter macOS zu deaktivieren

Eine UI-Designsprache der Enterprise-Klasse und eine React-UI-Bibliothek

picture-circleZur Requisite von Upload hinzufügen listType.
Ankerkomponente hinzufügen direction, die vertikal unterstützt.
Tooltip-Unterstützung arrowzum Ändern des Sichtbarkeitsstatus des Pfeils und der Angabe, ob der Pfeil auf die Mitte des Ziels zeigt.
Option zur Listenpaginierung hinzugefügt align.
itemsZeitleiste zur Unterstützung der Optionskonfiguration hinzugefügt .
und mehr

Das schnellste Frontend für das Headless Web. Erstellen Sie moderne Websites mit React.

Gatsby schließt sich Netlify an
Die Head-API unterstützt Kontextanbieter von wrapRootElement

Die Open-Source-Firebase-Alternative. Folgen Sie uns, um über unsere öffentliche Beta auf dem Laufenden zu bleiben.

Speichern von OpenAI-Einbettungen in Postgres mit pgvector
Lernen Sie Supabase Clippy kennen: ChatGPT für Dokumente
Referenz zur Client-Bibliothek: Python und C#
pg_graphql unterstützt jetzt Ansichten, materialisierte Ansichten und Fremdtabellen
Automatische WebP-Erkennung für die Bildtransformation
und mehr

Nuxt ist eine intuitive und erweiterbare Möglichkeit, mit Vue 3 typsichere, leistungsstarke und produktionstaugliche Full-Stack-Webanwendungen und Websites zu erstellen.

Nuxt DevTools
Bessere DX zum Überschreiben runtimeConfig, einschließlich Inline-Typ-Helfern
Automatisch abgeleiteter Rückgabetyp für useFetchund $fetchbasierend auf der Methode.
useFetchist jetzt in integriert event.$fetch, was bedeutet, dass Cookies und Kontext jetzt automatisch in internen Anfragen an API-Anfragen übergeben werden.
und mehr

⚛️ Schnelle 3-KB-React-Alternative mit derselben modernen API. Komponenten und virtuelles DOM.

Verwenden Sie Microtick außerhalb von Veranstaltungen
Sortieren Sie die Render-Warteschlange neu, wenn sie während der Verarbeitung von Renders geändert wird
Behalten Sie die Rückgabewerte des Event-Handlers bei

nango : Holen Sie sich OAuth-Tokens für APIs – schnell und sicher.

Quelle

magic-regexp : Eine wegkompilierte, typsichere und lesbare RegExp-Alternative

Quelle

structurae : Datenstrukturen für leistungsstarke JavaScript-Anwendungen.

veaury : Verwenden Sie React in Vue3 und Vue3 in React, und zwar so perfekt wie möglich!

Unterstützen Sie Vue3
Support-Kontext – Teilen Sie den Kontext aller Vue- und React-Komponenten.
Unterstützung für die Verwendung von Hooks über Frameworks hinweg – Sie können die Hooks von React in einer Vue-Komponente verwenden, oder Sie können die „Setup“-Funktion von Vue in einer React-Komponente verwenden und die Hooks von Vue in dieser Funktion verwenden.
Reiner Modus – Die untergeordneten Elemente der konvertierten Komponente verfügen nicht mehr über einen zusätzlichen Elementcontainer

Quelle

orchid-orm : Postgres ORM, Abfrage-Builder, Migrationstool

️ produktive Art, mit Modellen und Beziehungen zu arbeiten
️ Volle Kontrolle über die Datenbank mit leistungsstarkem Abfrage-Builder
️ Das Modellschema kann zur Validierung in Zod konvertiert werden
️ Migrationstools
100 % TypeScript, definiere ein Schema und alles andere wird abgeleitet

editable : Editable ist ein Rich-Text-Editor-Framework, das stabile Rich-Text-Bearbeitungsfunktionen bietet, ohne auf das contenteditable-Attribut angewiesen zu sein.

enrolla : Das Open-Source-Customer-Feature-Framework für B2Bs. Steuern Sie ganz einfach, wie sich Ihr Produkt verhält und für verschiedene Kunden aussieht.