Introduction
3 lessons
-
The Missing Introduction to React Router
10:26
-
Setup Instructions
Readme
-
Project Setup and Walkthrough
08:48
Core Essentials
5 lessons
-
Introducing the <BrowserRouter />
04:29
-
<Route /> and Path declarations
04:58
-
Switching <Route /> elements with <Routes />
10:35
-
Handling 404 Not Found routes
03:50
-
Redirecting 404 Not Found routes
03:43
Declarative Navigation and Links
3 lessons
-
Navigating to routes with <Link />
05:38
-
Active link states with <NavLink />
05:35
-
Active styles on <NavLink />
03:23
Advanced Routing Practices
12 lessons
-
Nested Routes and <Outlet />
07:25
-
Fetching Data in Nested Routes
10:26
-
Relative and Absolute Navigation with <Link />
13:38
-
Creating Dynamic Routes
05:27
-
Reading Route Params with useParams() Hook
05:06
-
Fetching Dynamic Data with Route Params
13:56
-
Programmatic Navigation with useNavigate()
04:33
-
Replacing Router State on Navigation
02:55
-
Passing State on Navigation alongside useLocation()
05:45
-
Understanding Navigation Deltas with useNavigate()
04:18
-
Domain-Driven Nested Routes
07:32
-
Restricting Access with a <ProtectedRoute /> Component
08:28
CRUD Operations and Bonus Techniques
13 lessons
-
Re-investigating Relative <Link /> Paths
04:52
-
Using <Link /> with Nested Routes
06:51
-
Creating a new Product from a Form
18:20
-
Redirecting upon Product Create
06:40
-
Retrieving an existing Product
04:32
-
Updating an existing Product
04:28
-
Deleting an existing Product
04:12
-
Passing Props to Routed Components
05:53
-
Reading Search Params with useSearchParams()
06:27
-
Syncing Search Param State with UI State
10:52
-
Rendering UI from Search Param State
10:23
-
Scrolling to Top after Route Transitions
05:13
-
Object-based Route Config with useRoutes()
10:34
Performance Techniques
2 lessons
-
Code Splitting and Lazy-Loading Components
10:07
-
Creating a Suspense-ready Lazy-Load Component
11:20
Get the complete bundle...
Everything you need to start mastering React today
Job-ready training
Nail that interview with your new skills that will set you apart.
All the best practices
Best practices, design patterns, performance and architecture.
Stream or download
Learn at home at your own pace, download for offline viewing.
Expert knowledge
Built by Google Developer Experts, there's no better place to learn web.
StackBlitz examples
Access full course source code and experiment in the browser too!
Slack community
Exclusive access to our members-only community (6,800+ members).
React Kickstart Bundle
2 courses

Limited time offer ⚡
React Master Bundle
6 courses




Secure SSL encrypted payments

30-day money back guarantee
These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get a full refund.

Location discount picker
ㅤ
🎉 Get the complete bundle and save $609!
Sold separately = $907 💰
-
React Basics
Almost ready -
React Styling
Almost ready -
React Router v6
Almost ready -
React State Management
Almost ready -
React Masterclass
Almost ready -
React Universal
Almost ready