Master Modern React to Build High-Performance Apps

Get hands-on with the latest React 19+ features: Server Components, Suspense, and Transitions to build high-performance apps using modern patterns.

Master Modern React to Build High-Performance Apps

Why Intermediate React

Build Scalable, Modern React Apps

Go Beyond the Basics

Understand how and when to use React in the client side, static site generation, and server-side rendering. Explore React Server Components and gain experience using them both with and without Next.js.

Build Real-World Apps with New React Features

Set up React Server Components from scratch and inside Next.js, implement server actions, and fetch data seamlessly between server and client boundaries.

Optimize Performance

Understand React’s built-in optimization primitives like useTransition, useDeferredValue, useOptimistic, memo, and useCallback to reduce re-renders, prevent jank, and deliver a responsive UI.

Stay Ahead with Production-Ready Skills

The tools and best-practices you'll pick up—like component-driven development, Next.js, and scalable architecture—mirror what's being used in top-tier React codebases today.

What You'll Learn

Dive Deep into the Latest React 19 Features and Advanced Topics

37
Lessons
6.4
Hours
5
Rating
Certificate of Completion
Learn at Your Own Pace

This course takes your React skills to the next level by diving into more advanced concepts and modern best practices. You'll learn how to build faster, cleaner, and more maintainable React applications.

  • Client-side React vs. Server-Side Rendering (SSR) and Static Generation (SSG)
  • Use React Server Components (RSCs) from scratch and in Next.js
  • Build hybrid server/client apps with server actions and form handling
  • Advanced UI techniques like optimistic updates and low-priority transitions
  • Best practices for scaling React codebases and maintaining fast user experiences
Instructor Brian Holt
Brian Holt Staff Product Manager at Neon

Your (Awesome) Instructor

React Server Components are kind of the new way of doing things—they let you shift work to the server, reduce client-side JavaScript, and seriously improve performance. That's where React is heading, and that's what we're diving into here.

An Engineer, Leader, & Teacher Who Builds for Top Companies

With deep experience building developer tools at Microsoft, Stripe, Netflix, and Reddit, Brian Holt brings a passion for engineering, teaching, and creating world-class developer experiences to every project.

Staff Product Manager

Building dev tools and dev experience for open-source cloud-native PostgreSQL.

Product Manager

Led dev tool products including Stripe CLI, VS Code extensions, server SDKs, and React Native SDKs.

Senior UI Engineer

Architected core UI infrastructure, taught React internally, and drove A/B testing at scale.

Coursework

Introduction
17 minutes
React Render Modes
1 hour, 4 minutes
React Server Components
1 hour, 30 minutes
RSCs with Next.js
1 hour, 23 minutes
Performance Optimizations
36 minutes
Transitions
29 minutes
Optimistic Values
23 minutes
Deferred Values
34 minutes
Wrapping Up
2 minutes
Total Time for Intermediate React, v6
6 hours, 22 minutes
Frontend Masters course player

Best in Class Course Player

Your React Learning Adventure Begins Here

  • Course Progress: Learn at your own pace and pick up right where you left off.
  • Robust Note-Taking: Take notes alongside transcripts to easily reference information while learning.
  • Q&A and Code Corrections: Submit and view questions and answers, as well as code corrections.
Sample completion certificate

Earn a Completion Certificate

After completing this course, you'll receive a certificate of completion that serves as proof of your achievement, showcasing your expertise, and commitment to professional development. You can easily share this certificate on your LinkedIn profile to highlight your new skills and demonstrate continuous learning to potential employers and professional connections.

Get Started with Intermediate React, v6 and Much More

  • 200+ In-depth Courses
  • 21 Learning Paths
  • Industry Leading Experts
  • Live Interactive Workshops

What They're Saying about Brian Holt

Elijah Manor Elijah Manor
Austin Akers Austin Akers
Nitya Narasimhan, PhD Nitya Narasimhan, PhD
Kelvin Omereshone Kelvin Omereshone
Rita Iglesias Gandara Rita Iglesias Gandara
Loved by 100K+ developers
It was extremely interesting to see what Next.js actually does under the hood. I learned a lot. Thanks for this course!
David Windler