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

4. Creating Reusable Components

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

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.