Quiz: Tailwind

Quiz: Tailwind CSS Mastery

Selamat telah menyelesaikan kursus Tailwind CSS Mastery! Uji pemahamanmu dengan pertanyaan-pertanyaan berikut.

Ringkasan Materi

• Utility-first approach dan perbedaannya dengan framework lain
• Responsive design dengan mobile-first breakpoints
• Dark mode dengan class strategy
• Custom configuration dan extend theme
• Component patterns dan cara mengelola class berulang
• Transitions, animasi, dan animasi custom
• Performance optimization dan cara kerja PurgeCSS

Pertanyaan

1. Apa artinya "utility-first" dan apa keuntungannya?
2. Mengapa kita tidak boleh membangun class Tailwind secara dinamis seperti `bg-${color}-500`?
3. Kapan sebaiknya menggunakan @apply vs komponen React?
4. Apa perbedaan darkMode: "media" vs darkMode: "class"?

Tailwind terbaik dipelajari sambil langsung dipraktikkan. Coba rebuild UI-UI favorit kamu menggunakan Tailwind!