JSTools Weekly — 2023#6

Feb 16 2023
⭐2023#6: Karşınızda Yazı Tipi Müthiş Sharp Normal! || 2023#6: Nango: API'ler İçin OAuth Jetonlarını Alın || ✨2023#6: Clack:‌ Zahmetsizce Güzel CLI Uygulamaları Oluşturun Sorunun tamamını veya önceki sayıları görmek için JSTools Weekly'ye bakın ve Email Font-Awesome: v6.3'te haftalık bülten almak için abone olun.

⭐2023#6: Karşınızda Yazı Tipi Müthiş Sharp Normal! || 2023#6: Nango: API'ler İçin OAuth Jetonlarını Alın || ✨2023#6: Clack:‌ Zahmetsizce Güzel CLI Uygulamaları Oluşturun

Sayının tamamını veya önceki sayıları görmek için JSTools Weekly'ye bakın ve E-postanıza haftalık bülten almak için abone olun

Harika Yazı Tipi : v6.3.0

İkonik SVG, yazı tipi ve CSS araç seti

  • Karşınızda Yazı Tipi Müthiş Sharp Normal!
  • Yeni, modern bir tarzda 3.000'den fazla simge: Sharp Regular
  • Sharp Solid zaten bitti. Sharp Light, Thin ve Duotone yakında geliyor!
  • Simgelerin tümü, mevcut Font Awesome Classic simgeleriyle aynı 16 piksel ızgara üzerine inşa edilmiştir.
  • ve dahası

JavaScript, HTML ve CSS ile platformlar arası masaüstü uygulamaları oluşturun

  • labelNesnelere özellik eklendi Display.
  • app.getPreferredSystemLanguages()Kullanıcının sistem dillerini döndürmek için bir API eklendi .
  • Düğüm entegrasyonu ile krom alt sürecini başlatmak için yeni UtilityProcess API eklendi.
  • WebUSB için destek eklendi.
  • Belirli bir kaynak iptal edildiğinde yayılan serialPort.forget()yeni bir olayın yanı sıra destek eklendiserial-port-revoked
  • setHiddenInMissionControlGeliştiricilerin macOS'ta görev denetimini devre dışı bırakmasına izin vermek için yeni API ekler

Kurumsal sınıf bir UI tasarım dili ve React UI kitaplığı

  • picture-circleYükleme pervanesine ekleyin listType.
  • directionDüşey destekleyen bileşen eklentisini tutturun .
  • arrowOkun görünür durumunu ve okun hedefin merkezine işaret edip etmediğini değiştirmek için araç ipucu desteği .
  • Liste sayfalandırma seçeneği eklendi align.
  • itemsDestek seçeneği yapılandırmasına zaman çizelgesi eklendi .
  • ve dahası

Başsız web için en hızlı ön uç. React ile modern web siteleri oluşturun.

  • Gatsby, Netlify'a katılıyor
  • Head API, wrapRootElement'ten içerik sağlayıcıları destekler

Açık kaynaklı Firebase alternatifi. Herkese açık Beta sürümümüzden haberdar olmak için takip edin.

  • OpenAI yerleştirmelerini pgvector ile Postgres'te depolama
  • Supabase Clippy ile tanışın: Dokümanlar için ChatGPT
  • İstemci kitaplığı başvurusu: Python ve C#
  • pg_graphql artık Görünümleri, Materyalleştirilmiş Görünümleri ve Yabancı Tabloları destekliyor
  • Görüntü Dönüşümü için Otomatik WebP algılama
  • ve dahası

Nuxt, Vue 3 ile tür açısından güvenli, performanslı ve üretim sınıfı tam yığın web uygulamaları ve web siteleri oluşturmanın sezgisel ve genişletilebilir bir yoludur.

  • Nuxt Geliştirme Araçları
  • runtimeConfigSatır içi tür yardımcıları da dahil olmak üzere geçersiz kılma için daha iyi DX
  • useFetchYönteme göre ve $fetchyönteme göre otomatik olarak çıkarılan dönüş türü .
  • useFetchartık ile entegredir event.$fetch, yani tanımlama bilgileri ve içerik artık dahili istekler içinde otomatik olarak sihirli bir şekilde api isteklerine iletilir.
  • ve dahası

⚛️ Aynı modern API ile Hızlı 3kB React alternatifi. Bileşenler ve Sanal DOM.

  • Olayların dışında microtick kullanın
  • Biz yeniden işlemeyi işlerken değiştirilirse yeniden işleme kuyruğunu yeniden sırala
  • Olay işleyici dönüş değerlerini koru

nango : API'ler için OAuth jetonlarını hızlı ve güvenli bir şekilde alın.

kaynak

magic-regexp : Derlenmiş, güvenli, okunabilir bir RegExp alternatifi

kaynak

structurae : Yüksek performanslı JavaScript uygulamaları için veri yapıları.

veaury : React'i Vue3'te ve Vue3'ü React'te kullanın ve mümkün olduğu kadar mükemmel!

  • Vue3'ü Destekleyin
  • Destek Bağlamı — Tüm vue ve tepki bileşenlerinin içeriğini paylaşın.
  • Çerçeveler arasında kanca kullanma desteği — Bir Vue bileşeninde React'in kancalarını kullanabilir veya bir React bileşeninde Vue'nun 'kurulum' işlevini kullanabilir ve bu işlevde Vue'nun kancalarını kullanabilirsiniz.
  • Saf mod — Dönüştürülen bileşenin alt öğelerinde artık fazladan bir öğe kabı yoktur
kaynak

orchid-orm : Postgres ORM, sorgu oluşturucu, taşıma aracı

  • ️ modeller ve ilişkilerle çalışmanın verimli yolu
  • ️ güçlü sorgu oluşturucu ile veritabanı üzerinde tam kontrol
  • ️ model şeması doğrulama için Zod'a dönüştürülebilir
  • ️ taşıma araçları
  • %100 TypeScript, bir şema tanımlayın ve diğer her şey çıkarsansın

editable : Editable, contenteditable özniteliğine güvenmeden kararlı zengin metin düzenleme yetenekleri sağlayan bir zengin metin düzenleyici çerçevesidir.

enrolla : B2B'ler için açık kaynaklı müşteri özellik çerçevesi. Ürününüzün farklı müşteriler için nasıl davranacağını ve nasıl görüneceğini kolayca kontrol edin.

kaynak

Popüler javascript araçlarının tam listesini görmek için JSToolsWeekly'ye bakın !

clack : ‌ Zahmetsizce

kaynak

zod-fetch :‌ Zod ile tip-güvenli bir alıcı oluşturmak için basit

unpic-img : ‌ Çok

motion-canvas-camera : Motion Canvas için Kamera Bileşeni

gpt-travel-advisor :‌ Sadece birkaç saniye içinde dünyadaki herhangi bir şehir için bir seyahat programı oluşturun

ts-api-utils : TypeScript'in API'si ile çalışmak için yardımcı işlevler. Harika ajafff/tsutils'in varisi.

uncrypto : Node.js, Tarayıcılar ve diğer çalışma zamanlarında çalışan Web Crypto API ve Crypto Subtle için tek API

tiny-bin :‌ ​​Küçük ve güzel komut satırı uygulamaları oluşturmak için bir

kaynak

stellis :‌ SSR için VDOM olmayan bir

seroval : JS değerlerini dizgeleştir

nuxt-time : ⏰ Nuxt 3 için SSR-güvenli zaman öğesi

  • ✨ Herhangi bir tarih/saatin SSR/SSG-safe oluşturması
  • Müşteride hidrasyon uyumsuzluğunu önler
  • Tarayıcı yerel ayarına saygı duyar
  • ✅ Anlamsal <time>öğeyi işler