Widgetbook Workshop

Agenda

1. Clone the demo repository from the template
2. Create your own use-case
3. Explore add-ons and knobs
4. Explore the benefits of Widgetbook
5. Create a Widgetbook Cloud account
6. Upload your first Widgetbook Build to the Cloud
7. Make a fix in the code
8. Upload another build
9. Create your first review

Resources

• 🔗 Widgetbook Docs
• 🔗 Figma File
• 🔗 Widgetbook Cloud

Getting Started

1. Bootstrap App

   flutter pub get    # Install deps
   flutter gen-l10n   # Generate localization files

2. Run Widgetbook

   flutter pub get                 # Install deps
   dart run build_runner build -d  # Generate files
   flutter run                     # Run