Stop 19 · Frontend System DesignTopics · 6/13

Reusable Components

In short

Designing components to be generic and composable enough to be used in multiple contexts, instead of copy-pasting near-duplicate components everywhere.

How to learn this

1Find a duplicated component in a project and merge it into one reusable version.
2Practice designing a component's prop API before writing its implementation.
3Balance flexibility (many props) against simplicity — too many props hurts usability.

More topics at this stop

Folder Structure Scalable Architecture Atomic Design Feature-based Architecture Component Library State Separation API Layer Caching Error Boundaries Micro Frontends Accessibility Performance Architecture

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — on the InsideEdge app.

Download