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

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

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

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

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

🗂️ กำจัด CSS ที่ซ้ำกันด้วยระบบแคช

🌍 รองรับ responsive/theme

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

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

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

[skageektp]

เขียนเป็น Show GN

[owjs3901]

เขียนเพิ่มเติมแล้ว