Devup-UI: Thư viện CSS-in-JS zero-runtime

Khi sử dụng các thư viện CSS-in-JS hiện có, tôi thường gặp những vấn đề như overhead lúc runtime, style bị trùng lặp và dung lượng CSS tăng lên không cần thiết.

Vì vậy tôi đã thử một cách tiếp cận mới có tên là Devup-UI.
Do trích xuất style ở build time dựa trên AST, nên không có thêm JS nào cho CSS được đưa vào bundle. Nhờ đó, cũng có thể thực hiện CSS tree-shaking thực sự.

Các đặc điểm chính:

🚀 Không có JS runtime (Zero-runtime)

🗂️ Loại bỏ CSS trùng lặp dựa trên cơ chế cache

🌍 Hỗ trợ responsive/theme

💻 Có thể dùng trực tiếp trong TSX/JSX

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

Hiện vẫn đang ở giai đoạn đầu nên phản hồi từ cộng đồng có lẽ sẽ rất hữu ích 🙂

Đã được giới thiệu tại feconf2025