Flutter — Build a Component Library
StoryBook.js show’d me the power of building UI components in isolation, creating a bunch of lego pieces that you apps can use to produce consistent UI experiences across your applications, whilst improving speed and quality.
Storybook list these reasons:
- 📝 Develop UIs that are more durable -Isolate components and pages, verify hard-to-reach edge cases of UI. All whilst avoiding flakey api’s and the need to spin up applications to review and test.
- ✅ Test UIs with less effort and no flakes — Stories are reproducible way of tracking UI states. Use them to spot-test the UI during development.
- 📚 Document UI for your team to reuse- Storybook is the single source of truth for your UI. Making it easy for your team to find and reuse existing UI patterns.
- 📤 Share how the UI actually works — Stories show how UIs actually work, not just a picture of how they’re supposed to work.
- 🚦Automate UI workflows- Add it as a CI step to automate user interface testing, review implementation with teammates, and get signoff from stakeholders.
Is an equivalent application for Flutter that is gaining popularity and features, see the latest video from a recent Flutter conference.
This list all the articles I’ve written on building widgets in isolation for use in Flutter applications, the articles are ordered, latest first:
