ไลบรารี Adobe React Spectrum

โอเพนซอร์สที่นำระบบดีไซน์ Spectrum ของ Adobe มาสร้างด้วย React

• react-spectrum : อิมพลีเมนเทชัน React ที่มีการรองรับธีม พร้อมคอมโพเนนต์ที่คำนึงถึงเมาส์/ทัช/คีย์บอร์ด และการใช้งานหลายภาษา

• react-aria : ไลบรารี React Hook ที่มีองค์ประกอบพื้นฐานของ UI โดยคำนึงถึงการเข้าถึง

• react-stately : ไลบรารี React Hook สำหรับการจัดการสถานะแบบข้ามแพลตฟอร์ม

[xguru]

• Spectrum เป็น Design System ของ Adobe และมีหน้าเว็บที่จัดแยกไว้ต่างหาก https://spectrum.adobe.com/

ก่อนหน้านี้มี Spectrum CSS https://opensource.adobe.com/spectrum-css/ ที่สร้างคอมโพเนนต์ Spectrum ด้วย CSS อย่างเดียวอยู่แล้ว

และครั้งนี้ก็ได้สร้างเวอร์ชัน React เพิ่มเติมแล้วเปิดเผยสู่สาธารณะ

ทำไมจึงจำเป็นต้องมีดีไซน์ไกด์ไลน์ / Design System https://th.news.hada.io/topic?id=2552