Settimanale JSTools — 2023#6

Feb 16 2023
⭐2023#6: Presentazione di Font Awesome Sharp Regular! || 2023#6: Nango: ottieni i token OAuth per le API || ✨2023#6: Clack:‌ Crea senza sforzo bellissime app CLI Per vedere il numero completo o i numeri precedenti, controlla JSTools Weekly e iscriviti per ricevere la newsletter settimanale nella tua Email Font-Awesome: v6.3.

⭐2023#6: Presentazione di Font Awesome Sharp Regular! || 2023#6: Nango: ottieni i token OAuth per le API || ✨2023#6: Clack:‌ Crea facilmente bellissime app CLI

Per vedere il numero completo o i numeri precedenti, controlla JSTools Weekly e iscriviti per ricevere la newsletter settimanale nella tua e-mail

Carattere fantastico : v6.3.0

L'iconico toolkit SVG, font e CSS

  • Ti presentiamo Font Awesome Sharp Regular!
  • Oltre 3.000 icone in uno stile nuovo e moderno: Sharp Regular
  • Sharp Solid è già fatto. Presto arriveranno Sharp Light, Thin e Duotone!
  • Le icone sono tutte costruite sulla stessa griglia di 16px delle icone esistenti di Font Awesome Classic.
  • e altro ancora

Crea app desktop multipiattaforma con JavaScript, HTML e CSS

  • Aggiunta labelproprietà agli Displayoggetti.
  • Aggiunta app.getPreferredSystemLanguages()un'API per restituire le lingue di sistema dell'utente.
  • Aggiunta nuova API UtilityProcess per avviare il processo figlio chromium con l'integrazione del nodo.
  • Aggiunto il supporto per WebUSB.
  • Aggiunto il supporto per serialPort.forget()un nuovo evento serial-port-revokedemesso quando una determinata origine viene revocata
  • Aggiunge una nuova setHiddenInMissionControlAPI per consentire agli sviluppatori di rinunciare al controllo della missione su macOS

Un linguaggio di progettazione dell'interfaccia utente di livello aziendale e una libreria dell'interfaccia utente React

  • Aggiungi all'elica picture-circledi Upload listType.
  • Componente di ancoraggio add direction, che supporta verticale.
  • Supporto della descrizione comandi arrowper modificare lo stato visibile della freccia e se la freccia è puntata al centro del bersaglio.
  • Aggiunta alignl'opzione di impaginazione dell'elenco.
  • Timeline aggiunta itemsper supportare la configurazione delle opzioni.
  • e altro ancora

Il frontend più veloce per il web headless. Crea siti web moderni con React.

  • Gatsby si unisce a Netlify
  • L'API Head supporta i provider di contesto da wrapRootElement

L'alternativa open source Firebase. Segui per rimanere aggiornato sulla nostra beta pubblica.

  • Archiviazione di incorporamenti OpenAI in Postgres con pgvector
  • Incontra Supabase Clippy: ChatGPT per documenti
  • Riferimento libreria client: Python e C#
  • pg_graphql ora supporta viste, viste materializzate e tabelle esterne
  • Rilevamento WebP automatico per la trasformazione delle immagini
  • e altro ancora

Nuxt è un modo intuitivo ed estendibile per creare app Web e siti Web full-stack sicuri per i tipi, performanti e di livello di produzione con Vue 3.

  • Nuxt DevTools
  • Migliore DX per l'override runtimeConfig, compresi gli helper di tipo inline
  • Tipo restituito dedotto automaticamente per useFetche $fetchin base al metodo.
  • useFetchè ora integrato con event.$fetch, il che significa che i cookie e il contesto vengono ora passati automaticamente alle richieste API all'interno delle richieste interne.
  • e altro ancora

⚛️ Veloce alternativa a 3kB React con la stessa API moderna. Componenti e DOM virtuale.

  • Usa microtick al di fuori degli eventi
  • Riordina la coda di rendering se modificata durante l'elaborazione dei rendering
  • Mantieni i valori restituiti dal gestore eventi

nango : Ottieni token OAuth per le API — veloce e sicuro.

fonte

magic-regexp : un'alternativa RegExp compilata, indipendente dai tipi e leggibile

fonte

structurae : Strutture dati per applicazioni JavaScript ad alte prestazioni.

veaury : usa React in Vue3 e Vue3 in React, e il più perfetto possibile!

  • Supporta Vue3
  • Contesto di supporto: condividi il contesto di tutti i componenti di vue and react.
  • Supporto per l'utilizzo di hook tra framework: puoi utilizzare gli hook di React in un componente Vue oppure puoi utilizzare la funzione "setup" di Vue in un componente React e utilizzare gli hook di Vue in questa funzione.
  • Modalità pura: i figli del componente convertito non hanno più un contenitore di elementi aggiuntivo
fonte

orchid-orm : Postgres ORM, generatore di query, strumento di migrazione

  • ️ modo produttivo di lavorare con modelli e relazioni
  • ️ pieno controllo del database con un potente generatore di query
  • ️ lo schema del modello può essere convertito in Zod per le convalide
  • ️ strumenti di migrazione
  • 100% TypeScript, definisci uno schema e tutto il resto verrà dedotto

editable : Editable è un framework di editor di testo RTF che fornisce funzionalità stabili di modifica del testo RTF senza fare affidamento sull'attributo contenteditable.

enrolla : Il framework di funzionalità per i clienti open source per i B2B. Controlla facilmente come si comporta il tuo prodotto e cerca clienti diversi.

fonte

Controlla JSToolsWeekly per vedere l'elenco completo degli strumenti javascript più interessanti!

clack :‌ Crea senza sforzo

fonte

zod-fetch : ‌ Semplice

unpic-img :‌ Componente immagine responsive multi

motion-canvas-camera : Componente videocamera per Motion Canvas

gpt-travel-advisor : ‌ Crea

ts-api-utils : funzioni di utilità per lavorare con l'API di TypeScript. Successore del meraviglioso ajafff/tsutils.

uncrypto : singola API per Web Crypto API e Crypto Subtle che funzionano in Node.js, browser e altri runtime

tiny-bin : ‌ ​​Una

fonte

stellis : ‌ un

seroval : stringifica i valori JS

nuxt-time : ⏰ Elemento temporale sicuro SSR per Nuxt 3

  • ✨ Rendering sicuro SSR/SSG di qualsiasi data/ora
  • Previene la mancata corrispondenza dell'idratazione sulla cliente
  • Rispetta le impostazioni locali del browser
  • ✅ Render <time>elemento semantico