Advanced React Patterns
Join us for an Awesome Workshop on:

Advanced React Patterns

April 17, 2018 - 9:30am to 4:30pm Central US Time

RSVP to Attend Online

Live and in Full HD

Join in Person

From Downtown Minneapolis, MN

You're Registered to Attend Online!

April 17, 2018 - 9:30am to 4:30pm Central US Time

This Workshop's Online Chatroom is Currently Open!

April 17, 2018 - 9:30am to 4:30pm Central US Time

You can watch video of this workshop!

Advanced React Patterns

Some Key Takeaways!

By coding along with us in the Workshop, you'll:

  • Use the Compound Components Pattern to write React components that implicitly share state while giving rendering flexibility to the user.
  • Share code and enhance your components with the Higher Order Components Pattern.
  • Give full rendering power to users with the Render Props Pattern.
  • Expose a simple initialization API with Component State Initializers.
  • Improve the render prop API with the Prop Collections and Prop Getters Patterns.
  • Provide total logic control with the Controlled Props Pattern.
  • Take advantage of React’s Context API to share state throughout the application with the Provider Pattern.

Your (Awesome) Instructor

Kent C. Dodds

Kent C. Dodds

Kent C. Dodds works at PayPal as a full stack JavaScript Engineer. He represents PayPal on the TC39. He's actively involved in the open source community as a creator and contributor. He does a bunch of stuff in the React and general JavaScript ecosystem. Kent's an instructor, Frontend Masters instructor, and Google Developer Expert. He's happily married and the father of four kids.

Spend the Day Mastering Patterns for React Components

Workshop Details

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.

Daily Schedule

We've already held over 150 workshops with thousands of attendees in-person and online. In this time we've discovered ways to schedule the day, so it goes smoothly and efficiently. Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

  • 9:30AM
  • 10:00AM
    Build the simple Toggle Component
  • 10:30AM
    The Compound Components Pattern
  • 11:15AM
    Making Compound Components more flexible
  • 12:00PM
  • 1:00PM
    The Higher Order Components Pattern
  • 2:00PM
    The Render Props Pattern
  • 2:30PM
    The Prop Collections and Prop Getters Patterns
  • 3:15PM
    The Controlled Props Pattern
  • 4:00PM
    The Provider Pattern
  • 4:30PM
    (Bonus) Implementing a Higher Order Component with Render Props
  • 5:00PM
    (Bonus) Rendux

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?


Developers who have experience building React components and wanting to make their React components simpler and more flexible.

Any Prerequisites?

  • Experience building reusable React components

Event Details


One Full Day Workshop Session

Replay Videos (available immediately)


April 17, 2018 - 9:30am to 4:30pm Central US Time


Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN