React Router (v6) 
37 lessons
•5 hours
•
5/5 (1242 ratings)
Get an extra 35% OFF everything with coupon code BLACK_FRIDAY
37 lessons
•5 hours
• 5/5 (1242 ratings)
React Router (v6) 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.
Closed Captions in English
Syncing Search Param State with UI State • 10:53
By far the best React introductory course out there, just brilliant. I've attempted many others before, but none were up-to-date and comprehensive like this.
Onome Adamu
Software EngineerLoved React Basics. The content is amazing, I learnt so much on this course, can't wait to go over the next React courses!
Victor Hazbun
CEOFantastic courses explained incredibly well. Very easy to follow and understand concepts. 10/10.
Nicolas Telfer
Co-founder / EngineerCrystal clearly explained concepts, meticulously designed examples and projects! Fantastically valuable courses overall!
Yiling Lu
Senior DeveloperI attempted other courses before these, and Ultimate Courses is way ahead and incomparable. Clearest explanations, easy to understand, beyond basics, fantastic value for money.
Fabrizio Masini
JavaScript DeveloperAbsolutely fantastic courses. Self-paced, comprehensive, real examples from beginning to end, clear and concisely brilliant.
Jacob Cheriathundam
Development ArchitectEverything you need, structured and ready to go.
3 lessons
The Missing Introduction to React Router
10:26
Setup Instructions
Readme
Project Setup and Walkthrough
08:48
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
3 lessons
Navigating to routes with <Link />
05:38
Active link states with <NavLink />
05:35
Active styles on <NavLink />
03:23
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
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
2 lessons
Code Splitting and Lazy-Loading Components
10:07
Creating a Suspense-ready Lazy-Load Component
11:20
Everything you need to start mastering React today
Built by Google Developer Experts, there's no better place to learn.
Design patterns, battle-tested techniques, architecture and performance.
Learn at home at your own pace, download for offline viewing.
Nail that interview or promotion with skills that will set you apart.
Access full source code, and experiment live in the browser.
Exclusive access to our members-only community (7,000+ members).
If you're disappointed for whatever reason, you'll get a full refund (but I'm sure you won't need it).
Not-so-good exchange rate? (i.e. India/Brazil). Student?
Email us for a coupon for your country or student ID.
