Home/Courses/React/React 19 & Patterns

React 19 & Patterns⚛️

Intermediate

React 19

Master React 19 features including Actions, Server Components, Server Functions, and advanced composition patterns

7

Sections

21

Lessons

22

Challenges

Start this free course

Start learning React 19 & Patterns

21 lessons and 22 challenges, all 100% free.

Start this course

Understanding Actions in React 19

useActionState Hook

Form Actions and Progressive Enhancement

useActionState Return Values(Sign in required)

Intermediate+20 Mana

Action Execution Flow(Sign in required)

Intermediate+20 Mana

Action Function Parameters(Sign in required)

Intermediate+20 Mana

useOptimistic for Instant UI Updates

useFormStatus for Nested Components

useOptimistic Purpose(Sign in required)

Intermediate+20 Mana

The use API Reads(Sign in required)

Beginner+10 Mana

useFormStatus Location(Sign in required)

Intermediate+20 Mana

use vs useContext(Sign in required)

Intermediate+20 Mana

Server Components Explained

The Server-Client Boundary

Server Component Patterns

Default Component Type(Sign in required)

Beginner+10 Mana

Server vs Client Component Features(Sign in required)

Intermediate+20 Mana

Hooks in Server Components(Sign in required)

Beginner+10 Mana

Server Functions (Server Actions)

Server Function Patterns

Server Function Security

Server Function Directive(Sign in required)

Beginner+10 Mana

Server Function File Directive(Sign in required)

Beginner+10 Mana

Server Function Rules(Sign in required)

Intermediate+20 Mana

ref as a Regular Prop

Context as Provider

React 19 Migration Guide

forwardRef in React 19(Sign in required)

Beginner+10 Mana

React 19 Context Provider(Sign in required)

Beginner+10 Mana

React 19 Upgrade Steps(Sign in required)

Intermediate+20 Mana

Compound Components

Render Props Pattern

Higher-Order Components (HOC)

Compound Components Benefits(Sign in required)

Intermediate+20 Mana

Pattern Use Cases(Sign in required)

Intermediate+20 Mana

Compound Component Setup(Sign in required)

Intermediate+20 Mana

Component Design Principles

Code Organization

State Management Patterns

Avoiding Prop Drilling(Sign in required)

Intermediate+20 Mana

React Design Principles(Sign in required)

Intermediate+20 Mana

React Best Practices(Sign in required)

Intermediate+20 Mana

Ready to start this free course?

No credit card required.

Start this course now

Ready to start React 19 & Patterns?

21 interactive lessons and 22 hands-on challenges — learn in VS Code, Cursor, or the web.