Quiz: Storybook

Quiz: Storybook for UI

Selamat! Kamu telah menyelesaikan kursus Storybook for UI. Mari review semua yang sudah dipelajari.

Recap Materi

• Konsep dasar Storybook dan manfaatnya dalam workflow UI development
• Setup dan konfigurasi Storybook di project React
• Menulis stories yang baik dengan Component Story Format (CSF3)
• Addons untuk memperluas fungsionalitas Storybook
• Decorators untuk membungkus story dengan context tambahan
• Interaction testing dengan fungsi play
• Deploy Storybook ke berbagai platform

Pertanyaan Review

1. Apa perbedaan antara Addon dan Decorator di Storybook?
2. Kapan kamu perlu membuat global decorator vs decorator per story?
3. Apa itu interaction testing dan apa keuntungannya dibanding unit test biasa?
4. Mengapa Chromatic lebih direkomendasikan untuk deploy Storybook daripada GitHub Pages?

Storybook paling efektif jika digunakan sejak awal project. Mulai dengan mendokumentasikan atomic components (Button, Input, Badge), kemudian lanjut ke molecule dan organism.