Modern Front-end Architecture: Optimize Your Front-end Development with Components, Storybook, and Mise en Place Philosophy

© Ryan Lanciaux 2021

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

3. Our First Storybook Stories

Ryan Lanciaux¹  

(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 ...