Reusable Presentational Components
Design small, prop-driven UI pieces (buttons, cards, badges) that are easy to reuse; accept className/style overrides; avoid hidden side effects.
Why presentational components
Goal: Build prop-driven UI pieces that are easy to reuse and compose.
- Clear props API
- Stateless visuals
- Style overrides
Core guidelines
Principles:
- Read props, do not mutate them.
- No side effects; render-only.
- Expose className/style to customize.
All lessons in this course
- Passing Props & Composition Patterns
- Props & Composition
- Reusable Presentational Components