Devup-UI: ไลบรารี Zero-runtime CSS-in-JS

ระหว่างที่ใช้ไลบรารี CSS-in-JS เดิม ๆ ผมมักเจอปัญหาอย่าง runtime overhead, สไตล์ที่ซ้ำซ้อน และขนาด CSS ที่ใหญ่เกินความจำเป็นอยู่บ่อยครั้ง

เพราะแบบนั้นจึงได้ลองแนวทางใหม่ชื่อว่า Devup-UI
เนื่องจากดึง style ออกมาในช่วง build time โดยอิงกับ AST จึงไม่มีการใส่ JS เพิ่มลงใน bundle เพื่อจัดการ CSS และด้วยเหตุนี้จึงทำ CSS tree-shaking แบบแท้จริงได้ด้วย

คุณสมบัติหลัก:

🚀 ไม่มี runtime JS (Zero-runtime)

🗂️ ลบ CSS ที่ซ้ำกันด้วยระบบ caching

🌍 รองรับ responsive/theme

💻 ใช้งานได้โดยตรงใน TSX/JSX

GitHub: https://github.com/dev-five-git/devup-ui

ตอนนี้ยังอยู่ในช่วงเริ่มต้น จึงคิดว่าฟีดแบ็กจากคอมมูนิตี้น่าจะช่วยได้มาก 🙂

มีการแนะนำใน feconf2025