Join Medium to view all my articles.

Flutter — Widgetbook (Storybook)

simbu
4 min readJun 8, 2022

--

Widgetbook (Storybook) — Part 1

Part 2

Component driven design is a great way to safe guard your brand/s and make it easy to quickly develop new screens and UI experiences from existing components, or to build new ones.

It was made popular by Storybook.js for good reasons:

  • Prevents the same components from been rebuilt in different parts of the UI.
  • Provides a toolbox of components, a bit like Lego.
  • Components can be built and modified in isolation so they are not affected by flakey date, business logic or unfinished UI’s
  • Makes it easy to focus on difficult use cases
  • Allows for collaboration with the design team and other stakeholders

Flutter is less mature than React and there is no clear alternative to storybook.

After a little research I selected Widgetbook because it is been actively developed and used.

Flutter gems storybook
Flutter gems storybook

--

--

simbu

Family, Friends, Code, Play, Repeat - Between the idea and the reality…Falls the shadow