• a blender with a React logo inside and the caption “Will it re-render?”
  • an electrified retro computer with Functions written in rainbow colors on the screen
  • a can that says no more bugs
  • keyboard keys spelling out Components
  • a heart in tattoo style that says useState
  • the word Props repeating in different colors
  • a can with the words Brain Juice on it
  • a cd that says react.gg mix

MASTER MODERN REACT

Our interactive, challenge-based learning experience will get you shipping modern, production-ready React apps like a pro.

Get started now
You’ll be in great company with other developers we’ve trained

We get it,
Learning React Sucks

You’ve probably gone through dozens of tutorials, tried reading the docs, and maybe even paid a few bucks for a Udemy course – but as soon as you try building anything on your own, 💔.

It's not your fault.

The state of learning React today has never been more of a mess. It feels like 50% of the resources are out of date, 30% are inaccurate, and the rest is AI slop.

The problem, as I'm sure you're also aware, is React is the most important piece of technology you can learn if you're building any sort of UI, and with AI's increasing reliance on its component model, it's only growing in demand.

This is why we spent (literally) years building react.gg.

It's the culmination of everything we've learned since we first started teaching React way back in 2015.

In that time we've helped thousands of developers of all skill levels master React, and I think we can do the same for you too.

Course Section 01: The Big PictureChapters: Why?, Thinking in React, Imperative vs. Declarative, Pure Functions

What you’ll learn

Optimized for aha!

We’re obsessed with helping you reach your aha! moments.

Our text sections help you master the why behind React concepts and include fun, interactive visuals you can play with.

Give it a try.

Interactive diagram that toggles between a traditional approach of separation of concerns (HTML, CSS, and JS) and the React approach (all three combined in a component)COMPONENTSHTMLCSSJS
interactive
Course Section 02: Describing UIChapters: Components, JSX, Elements vs. Components, Props

Leetcode for React

Have you ever wished you could “grind Leetcode” for a bunch of React practice problems?

No? Oh, well we built it anyway. You’ll know you’ve mastered React if you can get through all 90.

Test yourself (it’s an easy one) 👉

challenge
Course Section 03: Bringing React to LifeChapters: Handling Events, Preserving Values with useState, Using useState, When React Renders

Videos you’ll actually enjoy

These aren’t lazy screencasts filmed in someone’s guest bedroom.

We spent an uncomfortable amount of time making sure each video is worth your attention.

Here’s a sneak preview.

video
Course Sections 04 and 05: Escaping React and Optimizing ReactChapters: Reality Check, Managing Effects, Preserving Values with useRef, Teleportation vs. Context, Complex State with useReducer, Referential Equality, Optimizing Renders with useMemo and useCallback, Advanced Effects with useLayoutEffect and useSyncExternalStore, Abstracting Reactive Values with useEffectEvent
useDebounceusePrevioususeLocalStorageuseMediaQueryuseIntersectionObserveruseWindowSize

50 custom hooks

To make the course as "real-world" as possible, we built useHooks — a library of 50 custom React hooks that now gets over 300k downloads a week.

You’ll solidify what you learn by rebuilding it. Yes, all 50.

Course Sections 06 and 07: Custom Hooks and Rebuilding useHooksA selection of custom hooks including: useScript, useEventListener, useBattery, useFetch, useIdle, useThrottle, useMouse, and more useToggleuseClickAway

React Interview Prep

Want to know the secret to feeling confident in a React interview? Know more about React than the person interviewing you.

react.gg, including the 50+ interview questions and 90+ challenges, will get you there.

  • Quiz yourself

    In which of the following scenarios would you reach for useEffectEvent?
  • Quiz yourself

    The purpose of useSyncExternalStore is to _.
  • Quiz yourself

    T/F: React guarantees the code inside useLayoutEffect and any state updates scheduled inside it will be processed before the browser repaints the screen?
  • Quiz yourself

    What is the difference between React.startTransition and the startTransition you get from useTransition?
  • Quiz yourself

    What's the main benefit of using actions over managing loading state manually?
  • Quiz yourself

    What is the primary purpose of React's 'use' API?
quiz
Course Section 08: Concurrent RenderingChapters: The Story with useDeferredValue and startTransition and useTransition, Actions, useOptimistic, Composing Boundaries
Course Section 09: React on the ServerChapters: Why Server Components?, Composing the Network, Server Actions

Future proof React

React has evolved a lot in the last few years, and it shows no signs of slowing down.

This course is one of the few, if not the only one, that is up to date with all the latest features of React v19 like Server Components, Actions, Transitions, React.use, and Concurrent Rendering.

  • Server Components
  • Transitions
Course Section 10: React Interview Questions

Ready to master React?

This is the course we wish existed when we were learning React, and we’re excited for you to experience it.

Expansion Pack

$347/yr$495

Enjoy 30% off during the launch saleLevel Up All Year
  • 32 lessons
  • Over 700 minutes of video
  • 30 quizzes and 100 challenges
  • 50 Interview Questions
  • Server Components
  • Access to our full course library

Sections included:

  1. The Big Picture
  2. Describing UI
  3. Bringing React to Life
  4. Escaping React
  5. Optimizing React
  6. Custom Hooks
  7. Rebuilding useHooks
  8. Concurrent Rendering
  9. React on the Server
  10. React Interview Questions

PLUS access to all our courses:

  • JS Advanced JavaScript
  • JS Modern JavaScript
  • JS React Router
  • JS Classic React
  • JS Query.gg
  • JS Typescript
  • JS React w/ Typescript

Expand your knowledge of the JavaScript ecosystem with a yearly subscription to ui.dev.

Full Course

$300$375

Enjoy 20% off during the launch saleGet the Full Course
  • 32 lessons
  • Over 700 minutes of video
  • 30 quizzes and 100 challenges
  • 50 Interview Questions
  • Server Components
  • Lifetime access to course

Sections included:

  1. The Big Picture
  2. Describing UI
  3. Bringing React to Life
  4. Escaping React
  5. Optimizing React
  6. Custom Hooks
  7. Rebuilding useHooks
  8. Concurrent Rendering
  9. React on the Server
  10. React Interview Questions

Deepen your React knowledge with interview prep, additional challenges and more advanced content.

Starter Pack

$221$245

Enjoy 10% off during the launch saleGet the Starter Pack
  • 22 lessons
  • Over 200 minutes of video
  • 20 quizzes and 48 challenges
  • Lifetime access to course

Sections included:

  1. The Big Picture
  2. Describing UI
  3. Bringing React to Life
  4. Escaping React
  5. Optimizing React
  6. Custom Hooks
  7. Rebuilding useHooks
  8. Concurrent Rendering
  9. React on the Server
  10. React Interview Questions

Build a foundational understanding of React.

Customized Team Training

We’ve spent the last decade training developers at the world’s most respected technology companies. We’ll work with you to create a custom plan that helps your team ship better software, faster.

Schedule a Call

What we offer...

  • Custom Learning Paths
  • Monthly Check-ins
  • Progress Reports
  • Analytics
  • Certifications
  • Invoicing
  • Live Workshops
  • Access to Full Course Library

Our other courses:

  • JS Advanced JavaScript
  • JS Modern JavaScript
  • JS React Router
  • JS Classic React
  • JS Query.gg
  • JS Typescript
  • JS React w/ Typescript

Full Course

$300$375

Enjoy 20% off during the launch saleGet the Full Course
  • 32 lessons
  • Over 700 minutes of video
  • 30 quizzes and 150 challenges
  • 50 Interview Questions
  • Server Components
  • Lifetime access to course

Sections included:

  1. The Big Picture
  2. Describing UI
  3. Bringing React to Life
  4. Escaping React
  5. Optimizing React
  6. Custom Hooks
  7. Rebuilding useHooks
  8. Concurrent Rendering
  9. React on the Server
  10. React Interview Questions

Tanner Linsley

“react.gg is incredible. The way in which the team has been able to deconstruct even the most complex aspects of React into a fun, easily consumable package is inspiring. By far the best way to learn React.”

Tanner Linsley

Creator of React Query

Expansion Pack

$347/yr$495

Enjoy 30% off during the launch saleLevel Up All Year
  • 32 lessons
  • Over 700 minutes of video
  • 30 quizzes and 100 challenges
  • 50 Interview Questions
  • Server Components
  • Access to our full course library

Sections included:

  1. The Big Picture
  2. Describing UI
  3. Bringing React to Life
  4. Escaping React
  5. Optimizing React
  6. Custom Hooks
  7. Rebuilding useHooks
  8. Concurrent Rendering
  9. React on the Server
  10. React Interview Questions

PLUS access to all our courses:

  • JS Advanced JavaScript
  • JS Modern JavaScript
  • JS React Router
  • JS Classic React
  • JS Query.gg
  • JS Typescript
  • JS React w/ Typescript

Reviews

Still not sure? Here’s what people have been saying about the course.

Read more reviews

Frequently Asked Questions

Is there a way to preview the course content before purchasing?

Yes. You can get a feel for what the course will be like as well as take a few of the lessons, quizzes, and challenges from the course dashboard.

Also, you can play around with React, Visualized, a collection of interactive visuals taken from the course. Or dive into useHooks, a library of modern, server-safe React hooks which you’ll rebuild throughout the course.

Are there any pre-requisites for this course?

Yes. You need a solid understanding of HTML, CSS, and JavaScript. If you don’t know what a callback is, react.gg might not be a great fit for your current skillset. However, you’re welcome to try.

Am I too senior for this course?

Probably not. If you can confidently rebuild all 50 hooks from the useHooks library with the latest React APIs like useSyncExternalStore, useEffectEvent, useTransition, actions, and transitions – then yes, you’re probably too senior.

Does this course have captions?

Yes.

Do you get a completion certificate?

Yes.

Does the course use TypeScript?

It doesn’t. We want the course to be as accessible as possible, so we chose to keep the number of pre-requisite technologies to a minimum. Regardless of whether you know TypeScript or not, you’ll still get a lot out of the course.

Can I get an invoice?

Yes. After purchase, you’ll have the ability to fully customize and download your invoice with all the information you and your employer need.

What do I do if I get stuck?

Each lesson has a public discussion thread embedded in the lesson where you can ask questions and get help. Course instructors are also notified and can help you out.

How can I get this for my team?

You can change the number of course licenses you’d like to purchase on the checkout page. After completing your purchase, you can easily distribute your licenses to your team members.

Does the “Expansion Pack” include lifetime access to react.gg?

It doesn’t. Think of the “Expansion Pack” as a subscription to ui.dev. You’ll get access to all of the content for as long as your subscription is active (like Netflix).

ui.dev is Tyler, Alex, & Lynn