Frontend Components Outside Main AppFeaturing Devboard
by Adam Florczak
Bruce Hauman defines a problem
http://bit.ly/2a8Kts3
App can haveone state at a time
What if we could have isolated playground
for components in multiple states?
devcards (ClosureStript)devboard (React)storybook (React)...
There are solutions:
Mobile app and web developmentfor international tech startups
What about an app in Angular 1.x...
$compile templates manually
How to get components back into app?
- import/require file in app with additional resolve path- or set your build system to copy required component files
Challenges- can be hard to integrate with complex build systems
Summary - visual overview of all states - great documentation- no code duplication - application and devboard are always in sync- no application overhaul - lighter environment, faster refresh- devboard can be helpful for designers and clients
Bonus
You can build devboard on pull requestallowing functionality review without checkout
and rebuilding app
storybooks.io