Skip to content

From the creators of React Router and Reach UI

Subscription includes access to:

  • Realtime React with Firebase (NEW!)
  • React Catch-up
  • React Class Component Patterns
  • Reach UI Dev Log
  • All future content
  • 20% Off Workshop Tickets
    (Annual subscription only, regular pricing only view current workshops)

Choose your plan:

$180 paid annually
paid monthly

30-day money back guarantee,
cancel anytime.

Or Login if you have an account.

The Courses

Realtime React with Firebase
82 Lessons
327 Minutes
Updated 9 months ago

You’ll build a fully featured, production ready chat client on top of Google Cloud's serverless infrastructure and Firebase's realtime data store. Oh, and to keep you company, we’ll build a bot to talk to that is occasionally too real 😐. Topics include:

  • React Hooks
  • Authentication
  • Presence
  • Realtime updates
  • Production deployment
  • Error logging
  • Cloud functions
  • Loads of React
  • And a bot to chat with

This is a great course for people at any level of React experience. We won't get academic about anything, it's just all practical application--learn by doing. For some of us, that's the best way.

Icon of person running
React Catch-up
10 Lessons
75 Minutes
Updated over 1 year ago

React's API had not really changed much since its initial release in 2013. But, the beginning of 2018 marked a new chapter for React as it prepared our apps to benefit from the new "Fiber" architecture—particularly concurrent rendering.

This course is designed to quickly catch you up on the "how" and the "why" of all the new stuff (before hooks, that is). With a little guidance you’ll see it’s not overwhelming and get your app ready for the future of React. Each topic comes with an example that is easy to imagine as part of a real-world project.

  • setState updater signature
  • componentDidCatch and ErrorBoundary
  • getDerivedStateFromProps
  • getSnapshotBeforeUpdate
  • componentWillMount
  • componentWillReceiveProps
  • arrays and Fragment
  • refs (all three of them!)
  • forwardRef
  • createContext
React Class Component Patterns
8 Lessons
245 Minutes
Updated over 2 years ago

This course is perfect for people who build shared components or have been using React for a while and want to take their skills to the next level.

We've applied these patterns to our open source projects and taught this material to thousands of developers at in-person workshops for years. This course represents the best parts of that material, polished up for self-paced online learning.

  • Imperative v. Declarative API
  • Composition w/ Compound Components
  • Implicit State w/ Context
  • Higher Order Components
  • Render Prop Callbacks
  • Implementing React Router
  • Implementing Redux
  • Custom Controlled Components
Reach UI Dev Log
1 Lessons
28 Minutes
Updated about 1 year ago

Follow along the development of Reach UI, an accessible library of React Components. These low-fi videos will give you a front-row seat to our development of Reach UI. Here are just a few of the components on the horizon:

  • Router
  • Menu Button
  • Alert
  • Dialog
  • ... and more

There's not a lot there yet, but we'll get to work soon.

What People are saying...

Choose your plan:

$180 paid annually
paid monthly

30-day money back guarantee,
cancel anytime.

Or Login if you have an account.

React Router

Michael Jackson and Ryan Florence create the React libraries that you use in your apps like React Router and Reach UI. All of our trainers are experts in React and JavaScript so let us share our knowledge with you and your team!

I Love React
© React Training 2019