CSS-in-JS là gì? Ưu nhược điểm?

CSS-in-JS viết CSS trực tiếp trong JavaScript (styled-components, Emotion).

Ưu điểm: styles scoped tự động theo component, dynamic styling dựa trên props/state, CSS co-located với component logic.

Nhược điểm: runtime cost (generate CSS khi chạy), tăng bundle size, SSR phức tạp hơn.

Xu hướng mới: zero-runtime CSS-in-JS như Vanilla Extract, Panda CSS — compile CSS tại build time, không có runtime overhead.