Khi nào nên dùng CSS-in-JS vs CSS Modules vs Tailwind?

Mỗi phương pháp phù hợp với từng tình huống khác nhau.

• CSS-in-JS (styled-components, Emotion) phù hợp khi cần dynamic theming phức tạp dựa trên props/state và xây dựng component libraries, nhưng có runtime cost.
• CSS Modules phù hợp khi cần scoped styles đơn giản, SSR-friendly và zero runtime overhead — rất tốt cho Next.js projects.
• Tailwind CSS phù hợp cho rapid development, giữ design consistent qua design tokens, và cho bundle size nhỏ nhờ tree-shaking tự động.
• Xu hướng hiện tại đang nghiêng về zero-runtime solutions (Tailwind, CSS Modules) vì performance tốt hơn so với runtime CSS-in-JS, đặc biệt với Server Components trong React.