Quiz: Styling

Quiz: Styling di React

Selamat! Kamu telah menyelesaikan seluruh modul Styling di React. Sekarang saatnya menguji pemahaman kamu dengan quiz singkat ini.

Yang Sudah Dipelajari

• CSS Modules — scoped styling tanpa konflik class
• Tailwind CSS — utility-first approach untuk styling cepat
• Styled Components — CSS-in-JS dengan template literals
• Framer Motion — animasi deklaratif di React

Pertanyaan Review

1. Apa perbedaan utama antara CSS Modules dan global CSS?
2. Kapan sebaiknya menggunakan Tailwind CSS vs Styled Components?
3. Bagaimana cara menambahkan animasi entrance sederhana dengan Framer Motion?
4. Apa keuntungan menggunakan whileHover dibanding CSS :hover?

Tips Memilih Metode Styling

• CSS Modules — Proyek yang sudah ada banyak CSS, atau saat butuh full control CSS
• Tailwind — Development cepat, desain konsisten, tidak butuh context switching
• Styled Components — Styling sangat dinamis, theming kompleks, co-location style

Tidak ada pilihan yang "paling benar" — pilih yang paling cocok dengan kebutuhan dan preferensi tim kamu.