Tygodnik JSTools — 2023 nr 6

Feb 16 2023

⭐2023#6: Przedstawiamy czcionkę Awesome Sharp Regular! || 2023#6: Nango: Uzyskaj tokeny OAuth dla interfejsów API || ✨2023#6: Clack:‌ Twórz bez wysiłku piękne aplikacje CLI Aby zobaczyć cały problem lub poprzednie wydania, sprawdź JSTools Weekly i zapisz się, aby otrzymywać cotygodniowy biuletyn w swoim e-mailu Font-Awesome: v6.3.

⭐2023#6: Przedstawiamy czcionkę Awesome Sharp Regular! || 2023#6: Nango: Uzyskaj tokeny OAuth dla interfejsów API || ✨2023#6: Clack:‌ Twórz bez wysiłku piękne aplikacje CLI

Aby zobaczyć pełny numer lub poprzednie wydania, sprawdź tygodnik JSTools i zapisz się, aby otrzymywać cotygodniowy biuletyn na swój adres e-mail

Niesamowita czcionka : v6.3.0

Kultowy zestaw narzędzi SVG, czcionek i CSS

Przedstawiamy czcionkę Awesome Sharp Regular!
Ponad 3000 ikon w nowym, nowoczesnym stylu: Sharp Regular
Sharp Solid jest już gotowy. Sharp Light, Thin i Duotone już wkrótce!
Wszystkie ikony są zbudowane na tej samej siatce 16 pikseli, co istniejące ikony Font Awesome Classic.
i więcej

Twórz wieloplatformowe aplikacje klasyczne za pomocą JavaScript, HTML i CSS

Dodano labelwłaściwość do Displayobiektów.
Dodano app.getPreferredSystemLanguages()interfejs API, który zwraca języki systemowe użytkownika.
Dodano nowy interfejs API UtilityProcess do uruchamiania procesu potomnego chromium z integracją węzłów.
Dodano obsługę WebUSB.
Dodano obsługę serialPort.forget()oraz nowe zdarzenie serial-port-revokedemitowane po odwołaniu danego źródła
Dodaje nowy setHiddenInMissionControlinterfejs API, aby umożliwić programistom rezygnację z kontroli misji w systemie macOS

Język projektowania interfejsu użytkownika klasy korporacyjnej i biblioteka React UI

Dodaj picture-circledo rekwizytu Upload listType.
Dodaj komponent kotwicy direction, który obsługuje pion.
Obsługa podpowiedzi arrowdo zmiany widocznego stanu strzałki i tego, czy strzałka jest skierowana na środek celu.
Dodano alignopcję paginacji listy.
Dodano oś czasu itemsdo konfiguracji opcji wsparcia.
i więcej

Najszybsza nakładka na bezgłową sieć. Twórz nowoczesne strony internetowe z React.

Gatsby dołącza do Netlify
Head API obsługuje dostawców kontekstu z wrapRootElement

Alternatywa Firebase typu open source. Śledź, aby być na bieżąco z naszą publiczną wersją beta.

Przechowywanie osadzania OpenAI w Postgres za pomocą pgvector
Poznaj Supabase Clippy: ChatGPT dla Dokumentów
Odniesienie do biblioteki klienta: Python i C#
pg_graphql obsługuje teraz widoki, widoki zmaterializowane i tabele obce
Automatyczne wykrywanie WebP dla transformacji obrazu
i więcej

Nuxt to intuicyjny i rozszerzalny sposób tworzenia bezpiecznych pod względem pisania, wydajnych i gotowych do produkcji aplikacji internetowych i stron internetowych z pełnym stosem za pomocą Vue 3.

Nuxt DevTools
Lepszy DX do nadpisywania runtimeConfig, w tym pomocników typu inline
Automatycznie wywnioskowany typ zwrotu dla useFetchi $fetchna podstawie metody.
useFetchjest teraz zintegrowany z event.$fetch, co oznacza, że pliki cookie i kontekst są teraz automatycznie przekazywane do żądań API w ramach wewnętrznych żądań.
i więcej

⚛️ Szybka alternatywa 3kB React z tym samym nowoczesnym API. Komponenty i wirtualny DOM.

Używaj mikrotick poza wydarzeniami
Ponownie posortuj kolejkę ponownego renderowania, jeśli została zmodyfikowana podczas przetwarzania ponownego renderowania
Zachowaj wartości zwracane przez procedurę obsługi zdarzeń

nango : Uzyskaj tokeny OAuth dla interfejsów API — szybko i bezpiecznie.

źródło

magic-regexp : Skompilowana, bezpieczna dla typów, czytelna alternatywa RegExp

źródło

structurae : Struktury danych dla wysokowydajnych aplikacji JavaScript.

veaury : Użyj React w Vue3 i Vue3 w React, i tak perfekcyjnie, jak to możliwe!

Wsparcie dla Vue3
Kontekst wsparcia — udostępniaj kontekst wszystkich komponentów vue i reagowania.
Wsparcie dla używania haków w różnych frameworkach — Możesz użyć haków Reacta w komponencie Vue lub możesz użyć funkcji „setup” Vue w komponencie React i użyć haków Vue w tej funkcji.
Tryb czysty — dzieci przekonwertowanego komponentu nie mają już dodatkowego kontenera elementów

źródło

orchid-orm : Postgres ORM, konstruktor zapytań, narzędzie do migracji

️ produktywny sposób pracy z modelami i relacjami
️ pełna kontrola nad bazą danych dzięki potężnemu kreatorowi zapytań
️ Schemat modelu można przekonwertować na Zod w celu weryfikacji
️ narzędzia migracji
100% TypeScript, zdefiniuj schemat, a wszystko inne zostanie wywnioskowane

editable : Editable to środowisko edytora tekstu sformatowanego, które zapewnia stabilne możliwości edycji tekstu sformatowanego bez polegania na atrybucie contenteditable.