Vercel UI SDK คือไลบรารีภายใต้ Apache-2.0 ที่มีพฤติกรรม UI มากกว่า 50 รูปแบบ ซึ่ง Agent โค้ดสามารถนำมาประกอบเป็นคอมโพเนนต์ที่ผู้ใช้เข้าถึงได้
SDK นี้รวบรวมพฤติกรรม UI จาก Vercel Labs โดย Agent จะประกอบมันขึ้นมา โดย README ระบุถึงการนำทางด้วยคีย์บอร์ด, การโฟกัส, การเลือก, การปิด, ป๊อปอัป, ลากและวาง และ ARIA ที่จำเป็นทั้งหมดอยู่ใน @ui-sdk/core
แนวคิดคือการไม่มอบ Select ที่เสร็จสมบูรณ์ให้ Agent แต่ให้โมเดล เช่น popup หรือ selection ซึ่งส่วนประกอบเดียวกันนี้สามารถสร้างเป็น autocomplete หรือ combobox ได้
คอมโพเนนต์เริ่มต้นจาก primitive ที่ถูกกำหนดด้วย definePrimitive ซึ่งจะประกาศสถานะ API และ slots ส่วน README แสดงตัวอย่างการสร้างช่องค้นหาด้วย createFocusRecovery และปุ่ม Clear จะปรากฏเมื่อมีข้อความเท่านั้น
จากนั้นแต่ละเฟรมเวิร์กจะเรนเดอร์ primitive ด้วย createParts โดยระบุว่า parts เหล่านี้เหมือนกันในทั้ง 5 adapters ทำให้คำจำกัดความพฤติกรรมเดียวใช้ได้กับทั้งแอป React และ Svelte
ศัพท์ที่ควรรู้
- UI SDK – คือไลบรารีที่รวบรวมพฤติกรรมส่วนต่อประสานผู้ใช้ (UI behaviors) ต่างๆ ไว้ให้ Agent นำไปใช้ประกอบ
- Agent – ในบริบทนี้หมายถึงโค้ดหรือระบบอัตโนมัติที่ใช้ประกอบและสร้างส่วนต่อประสานผู้ใช้
- Primitive – คือส่วนประกอบพื้นฐานที่สุดของคอมโพเนนต์ที่ถูกกำหนดด้วย definePrimitive เพื่อกำหนดสถานะและ API
- Slots – คือส่วนที่ใช้ในการแนบคุณสมบัติ (attributes), เหตุการณ์ (events) และพฤติกรรม (behaviors) เข้ากับส่วนของ DOM
ที่มา: marktechpost.com