This site runs best with JavaScript enabled.

Advanced React Component Patterns Workshop

Learn how to build simple and flexible React Components using modern patterns

Making React components that can be used in multiple places is not hard. What is hard is when the use cases differ. Without the right patterns, you can find yourself with a highly complex component that requires a lot of configuration props and way too many if statements.

With this workshop, you'll not only learn great patterns you can use but also the strengths and weaknesses of each, so you know which to reach for to provide your components the flexibility and power you need.


  • Use the Compound Components Pattern to write React components that implicitly share state while giving rendering flexibility to the user
  • Provide total logic control with the Controlled Props and State Reducer Patterns
  • Take advantage of React's Context API to share state throughout the application with the Provider Pattern
  • And more...