Get 73% off the React Master Bundle! 
React Router v6
5/5 (7 ratings)
• 
Closed Captions (English)
by Todd Motto
Take complex React routing to the next level with this whirlwind tour of the API and build a real project. Learn component-based routing best practices, authentication scenarios, hidden gems and champion your next React app.
See Curriculum
The Missing Introduction to React Router • 10:26
Introduction
3 lessons
-
The Missing Introduction to React Router 10:26
- Setup Instructions
Readme
- Project Setup and Walkthrough
08:48
The Missing Introduction to React Router 
Setup Instructions 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 />
04:43
- Active styles on <NavLink />
02:49
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
Job-ready training Nail that interview with your new skills that will set you apart.
All the best practices
All the best practices Best practices, design patterns, performance and architecture.
Stream or download
Stream or download Learn at home at your own pace, download for offline viewing.
Expert knowledge
Expert knowledge Built by Google Developer Experts, there's no better place to learn web.
StackBlitz examples
StackBlitz examples Access full course source code and experiment in the browser too!
Slack community
Slack community Exclusive access to our members-only community (6,500+ 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 + Student discounts
Not-so-good exchange rate (i.e. India/Brazil)? Are you a student? Contact us for a coupon with your location or student details.
🎉 Get the complete bundle and save $658!
Sold separately = $907 💰
-
React Basics
85 lessons -
React Styling
9 lessons -
React Router v6
38 lessons -
React State Management
23 lessons -
React Masterclass
Almost ready -
React Universal
Almost ready
