JSTools รายสัปดาห์ — 2023#6

Feb 16 2023

⭐2023#6: แนะนำ Font Awesome Sharp Regular! || 2023#6: Nango: รับโทเค็น OAuth สำหรับ API || ✨2023#6: Clack:‌ สร้างแอป CLIs ที่สวยงามได้อย่างง่ายดาย หากต้องการดูปัญหาทั้งหมดหรือปัญหาก่อนหน้า ให้ตรวจสอบ JSTools รายสัปดาห์ และสมัครรับจดหมายข่าวรายสัปดาห์ในอีเมล Font-Awesome: v6.3

⭐2023#6: แนะนำ Font Awesome Sharp Regular! || 2023#6: Nango: รับโทเค็น OAuth สำหรับ API || ✨2023#6: Clack:‌ สร้างแอป CLIs ที่สวยงามได้อย่างง่ายดาย

หากต้องการดูปัญหาทั้งหมดหรือปัญหาก่อนหน้า ให้ตรวจสอบJSTools Weeklyและสมัครรับจดหมายข่าวรายสัปดาห์ทางอีเมลของคุณ

Font-Awesome : v6.3.0

ชุดเครื่องมือ SVG, ฟอนต์ และ CSS อันเป็นสัญลักษณ์

แนะนำ Font Awesome Sharp Regular!
3,000+ ไอคอนในรูปแบบใหม่ที่ทันสมัย: Sharp Regular
Sharp Solid เรียบร้อยแล้ว Sharp Light, Thin และ Duotone กำลังจะมาเร็วๆ นี้!
ไอคอนทั้งหมดสร้างขึ้นบนกริด 16px เดียวกันกับไอคอน Font Awesome Classic ที่มีอยู่
และอื่น ๆ

สร้างแอปเดสก์ท็อปข้ามแพลตฟอร์มด้วย JavaScript, HTML และ CSS

เพิ่มlabelคุณสมบัติให้กับDisplayวัตถุ
เพิ่มapp.getPreferredSystemLanguages()API เพื่อส่งคืนภาษาระบบของผู้ใช้
เพิ่ม UtilityProcess API ใหม่เพื่อเปิดใช้งานกระบวนการลูกของโครเมียมด้วยการรวมโหนด
เพิ่มการรองรับ WebUSB
เพิ่มการรองรับserialPort.forget()เช่นเดียวกับเหตุการณ์ใหม่serial-port-revokedที่ปล่อยออกมาเมื่อต้นทางที่กำหนดถูกเพิกถอน
เพิ่มsetHiddenInMissionControlAPI ใหม่เพื่อให้นักพัฒนาสามารถเลือกไม่ใช้การควบคุมภารกิจบน macOS

ภาษาการออกแบบ UI ระดับองค์กรและไลบรารี React UI

เพิ่ม ไปยัง ข้อเสนอpicture-circleของอัพโหลดlistType
เพิ่มส่วนประกอบ Anchor directionซึ่งรองรับแนวตั้ง
การสนับสนุนคำแนะนำเครื่องมือarrowเพื่อเปลี่ยนสถานะที่มองเห็นได้ของลูกศรและกำหนดว่าลูกศรจะชี้ไปที่กึ่งกลางของเป้าหมายหรือไม่
เพิ่มalignตัวเลือก การแบ่งหน้ารายการ
เพิ่มไทม์ไลน์itemsเพื่อสนับสนุนการกำหนดค่าตัวเลือก
และอื่น ๆ

ฟรอนต์เอนด์ที่เร็วที่สุดสำหรับเว็บที่ไม่มีส่วนหัว สร้างเว็บไซต์สมัยใหม่ด้วย React

Gatsby กำลังเข้าร่วม Netlify
Head API รองรับผู้ให้บริการบริบทจาก wrapRootElement

ทางเลือก Firebase แบบโอเพ่นซอร์ส ติดตามเพื่อรับข่าวสารล่าสุดเกี่ยวกับเบต้าสาธารณะของเรา

การจัดเก็บการฝัง OpenAI ใน Postgres ด้วย pgvector
พบกับ Supabase Clippy: ChatGPT สำหรับเอกสาร
การอ้างอิงไลบรารีไคลเอ็นต์: Python และ C#
pg_graphql รองรับ Views, Materialized Views และ Foreign Tables แล้ว
การตรวจจับ WebP อัตโนมัติสำหรับการแปลงรูปภาพ
และอื่น ๆ

Nuxt เป็นวิธีที่ใช้งานง่ายและขยายได้เพื่อสร้างเว็บแอปและเว็บไซต์แบบเต็มสแต็กที่ปลอดภัยสำหรับประเภท ประสิทธิภาพ และระดับการผลิตด้วย Vue 3

Nuxt DevTools
DX ที่ดีกว่าสำหรับการเอาชนะruntimeConfigรวมถึงตัวช่วยประเภทอินไลน์
ประเภทผลตอบแทนที่อนุมานโดยอัตโนมัติสำหรับuseFetchและ$fetchขึ้นอยู่กับวิธีการ
useFetchตอนนี้รวมเข้ากับevent.$fetchซึ่งหมายความว่าคุกกี้และบริบทจะถูกส่งผ่านไปยังคำขอ API โดยอัตโนมัติภายในคำขอภายใน
และอื่น ๆ

⚛️ Fast 3kB React ทางเลือกด้วย API ที่ทันสมัยเหมือนกัน ส่วนประกอบและ DOM เสมือน

ใช้ microtick นอกเหตุการณ์
เรียงลำดับคิวการแสดงผลใหม่ หากแก้ไขในขณะที่เรากำลังประมวลผลการแสดงผลซ้ำ
รักษาค่าส่งคืนตัวจัดการเหตุการณ์

nango :รับโทเค็น OAuth สำหรับ API — รวดเร็วและปลอดภัย

แหล่งที่มา

magic-regexp :ทางเลือก RegExp ที่คอมไพล์แล้ว ประเภทปลอดภัย และอ่านได้

แหล่งที่มา

structurae :โครงสร้างข้อมูลสำหรับแอปพลิเคชัน JavaScript ประสิทธิภาพสูง

veaury :ใช้ React ใน Vue3 และ Vue3 ใน React และสมบูรณ์แบบที่สุด!

รองรับ Vue3
บริบทการสนับสนุน — แบ่งปันบริบทขององค์ประกอบ vue และปฏิกิริยาทั้งหมด
รองรับการใช้ hooks ข้ามเฟรมเวิร์ก — คุณสามารถใช้ hooks ของ React ในคอมโพเนนต์ Vue หรือคุณสามารถใช้ฟังก์ชัน 'setup' ของ Vue ในคอมโพเนนต์ React และใช้ hooks ของ Vue ในฟังก์ชันนี้
โหมดบริสุทธิ์ — ลูกขององค์ประกอบที่แปลงแล้วจะไม่มีที่เก็บองค์ประกอบเพิ่มเติมอีกต่อไป

แหล่งที่มา

Orchid-orm : Postgres ORM, เครื่องมือสร้างคิวรี, เครื่องมือย้ายข้อมูล

️ วิธีการทำงานกับนางแบบและความสัมพันธ์ที่มีประสิทธิผล
️ ควบคุมฐานข้อมูลได้อย่างสมบูรณ์ด้วยตัวสร้างแบบสอบถามที่ทรงพลัง
️ โมเดลสคีมาสามารถแปลงเป็น Zod เพื่อการตรวจสอบได้
️ เครื่องมือการย้ายข้อมูล
TypeScript 100% กำหนดสคีมาและทุกอย่างจะถูกอนุมาน

แก้ไขได้ :แก้ไขได้คือเฟรมเวิร์กตัวแก้ไข Rich Text ที่ให้ความสามารถในการแก้ไข Rich Text ที่เสถียรโดยไม่ต้องพึ่งพาแอตทริบิวต์ contenteditable

enrolla :กรอบคุณลักษณะลูกค้าแบบโอเพ่นซอร์สสำหรับ B2B ควบคุมลักษณะการทำงานของผลิตภัณฑ์และค้นหาลูกค้ารายต่างๆ ได้อย่างง่ายดาย

แหล่งที่มา

ตรวจสอบJSToolsWeekly เพื่อดูรายการเครื่องมือจาวาสคริปต์ยอดนิยมทั้งหมด!

clack :‌ สร้างแอพบรรทัดคำสั่งที่สวยงาม ได้อย่างง่ายดาย

แหล่งที่มา

zod-fetch :‌ ฟังก์ชัน ง่ายๆ

unpic-img :‌ ส่วนประกอบรูปภาพที่ตอบสนอง หลาย

motion-canvas-camera :ส่วนประกอบกล้องสำหรับ Motion Canvas

gpt-travel-advisor : ‌ สร้าง

ts-api-utils :ฟังก์ชันยูทิลิตี้สำหรับการทำงานกับ API ของ TypeScript สืบต่อจาก ajaff/tsutils ที่ยอดเยี่ยม

uncrypto : API เดียวสำหรับ Web Crypto API และ Crypto Subtle ที่ทำงานใน Node.js, เบราว์เซอร์ และรันไทม์อื่นๆ

tiny-bin : ‌ ไลบรารี่สำหรับสร้างแอพบรรทัดคำสั่งขนาดเล็กและสวยงาม