© Ryan Lanciaux 2021
R. LanciauxModern Front-end Architecturehttps://doi.org/10.1007/978-1-4842-6625-0_3

3. Our First Storybook Stories

Ryan Lanciaux1  
(1)
Ann Arbor, MI, USA
 

Now that the system configuration is complete and you’ve created an application and added Storybook, we’ll dive into creating our real Storybook stories and components that serve as the basis of our application. In this chapter, we’re going to dive into the code a bit more. Feel free to follow the steps we’re taking directly, or navigate to github.com/ryanlanciaux/example-rocket-coffee and view the code on the branch labeled chapter3.

We are going to create an ecommerce store for a coffee/tea shop called Rocket Coffee. We’ll pretend our designer gave us some designs to work with ...

Get Modern Front-end Architecture: Optimize Your Front-end Development with Components, Storybook, and Mise en Place Philosophy now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.