React Patterns

Summary

Established solutions to common React problems — compound components, controlled/uncontrolled, container/presentational — that make codebases more consistent and maintainable.

How to Learn This

1Study the 'compound components' pattern (e.g. how `<Select><Option/></Select>` works).
2Refactor one component into 'container' (logic) and 'presentational' (UI) halves.
3Read how a popular open-source component library structures its components.

HOC

Ecommerce

More topics in React

JSX Components Props State Lifecycle Hooks Context API React Router Forms Controlled Components Refs Memoization Error Boundaries Lazy Loading Suspense Portals Custom Hooks Render Props HOC

Stuck on this topic? Ask an Insider

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

Download