Frontend Components Outside Main App by Adam Florczak

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