intermediate

Component design

Composition, compound components, render props, container splits, and error boundaries.

React favors composition over inheritance. Patterns such as compound components, render props, container/presentational splits, and error boundaries help scale UI without hiding ownership.

Explore child topics for each pattern and when to prefer hooks or context instead.