React JS Quiz
HomeBlogPrivacy PolicyContact UsTutorialsNewBuy me a coffee

Component Patterns

  1. 1.Composition First
  2. 2.Compound Components
  3. 3.Render Props and Higher Order Components
  4. 4.Controlled and Uncontrolled Components
  5. 🏁 End-of-tutorial quiz
Advertisement
Tutorials/Intermediate/Component Patterns

Component Patterns

The patterns experienced React developers reach for: composition, compound components, render props, higher order components, and the APIs that support them.

Level
Intermediate
Chapters
4
Exercises
1
Reading time
15 min
Start the tutorial →

What you will cover

  1. 1. Composition FirstThe pattern that removes the need for most of the others.
  2. 2. Compound ComponentsComponents that work together and share state implicitly.
  3. 3. Render Props and Higher Order ComponentsThe two pre-hooks reuse patterns, why they faded, and where they still fit.
  4. 4. Controlled and Uncontrolled ComponentsDesigning a component that works both ways, the way the built-in inputs do.
Already know this? Jump to the 7 question quiz →

Up next after this one: React Performance

Advertisement
Advertisement
Support the developer