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_4

4. Creating Reusable Components

Ryan Lanciaux¹  

(1)

Ann Arbor, MI, USA

 

So far, we’ve created a product list component for our Rocket Coffee example. While this component works, we want to start employing strategies that ensure reusability and resiliency to change.

What Makes a Good Component?

Within the front-end ecosystem, there are many opinions about how a component should be structured. If we polled the community about how we should structure our product list example, we might receive conflicting suggestions. Some may say we should simply make one component for all the product list item concerns. Others may suggest creating a new component for ...