Slide 1

Slide 1 text

Presentation Name here YOUR NAME HERE Component Driven Development BYRON SOMMARDAHL

Slide 2

Slide 2 text

Start with “WHY?”

Slide 3

Slide 3 text

Pure Is Better

Slide 4

Slide 4 text

Testable Is Better

Slide 5

Slide 5 text

Faster Is Better

Slide 6

Slide 6 text

Now for the “HOW”

Slide 7

Slide 7 text

Design Component Build component in wireframes or mockups first. Development Workflow Integrate with View Add component to larger smart component, view or container. Test Component Try component out, still isolated, in various states. Build Component Code component in isolation using Storybook.

Slide 8

Slide 8 text

to the RESCUE

Slide 9

Slide 9 text

Add Storybook to your project Config Configures your project to support Storybook (including Webpack). Scripts Adds npm scripts that you can use to build and run Storybook. Samples Adds a few sample stories to get you started. Code >>

Slide 10

Slide 10 text

Develop in Isolation Storybook enables devs to build pure components, free of influence from other components or views. Code >>

Slide 11

Slide 11 text

Unit Tests Included! Every story can be a test with ZERO extra effort (with StoryShots).

Slide 12

Slide 12 text

20 Components 24 Tests +75% Coverage 0% Extra Effort

Slide 13

Slide 13 text

WE’RE HIRING! Come join a team who gets to do stuff like this AND MORE! acklenavenue.com/jobs Download Slides: