There’s an easier way to master React Router. Our linear course is like having a smart, experienced friend sit down next to you, walk you through each concept, and apply what you learn. It’s our secret sauce.
REACT ROUTER (v6)
3h 15m 27s
English
Paid
About the Author: ui.dev (ex. Tyler McGinnis)
Tyler McGinnis makes a video tutorial on AngularJS, React, D3 and many other important modern web technologies.
Watch Online 41 lessons
0:00
/ #1: The Fundamentals
All Course Lessons (41)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | The Fundamentals Demo | 07:21 | |
| 2 | (Solution) The Fundamentals | 02:48 | |
| 3 | (Project) Introduction | 04:39 | |
| 4 | (Project) Initial Routes | 05:07 | |
| 5 | URL Parameters | 09:34 | |
| 6 | (Solution) URL Parameters | 02:28 | |
| 7 | (Project) Home | 05:52 | |
| 8 | Query Strings | 04:31 | |
| 9 | (Solution) Query Strings | 02:45 | |
| 10 | (Project) Team Page | 14:20 | |
| 11 | Customizing React Router's Link Component | 03:33 | |
| 12 | (Solution) Customizing Link | 01:34 | |
| 13 | (Project) Players | 11:11 | |
| 14 | Nested Routes | 05:19 | |
| 15 | (Solution) Nested Routes | 03:24 | |
| 16 | (Solution) Nested Routes - Outlet | 04:10 | |
| 17 | Project - Player | 08:21 | |
| 18 | (Project) Team | 09:04 | |
| 19 | (Project) Articles | 08:56 | |
| 20 | (Project) Loading | 13:20 | |
| 21 | Programmatically Navigate | 04:03 | |
| 22 | (Solution) Programmatically Navigate (Declarative) | 02:39 | |
| 23 | (Solution) Programmatically Navigate (Imperative) | 01:50 | |
| 24 | (Project) Navigate | 05:59 | |
| 25 | Code Splitting | 05:34 | |
| 26 | (Solution) React.lazy | 01:30 | |
| 27 | (Project) Code Splitting | 01:54 | |
| 28 | Route Configs | 04:20 | |
| 29 | (Solution) Route Config | 02:33 | |
| 30 | (Project) Config | 05:59 | |
| 31 | Protected Routes | 07:53 | |
| 32 | (Solution) Protected Routes | 03:46 | |
| 33 | Handling 404 Pages | 01:02 | |
| 34 | (Solution) Catch All Routes | 02:21 | |
| 35 | Passing Props to Link | 02:34 | |
| 36 | (Solution) Passing Props to Link | 01:32 | |
| 37 | Sidebars | 03:29 | |
| 38 | (Solution) Sidebar | 02:57 | |
| 39 | Passing Props to React Router Components | 01:17 | |
| 40 | Recursive Paths | 03:30 | |
| 41 | Outro + Next Steps | 00:28 |
Unlock unlimited learning
Get instant access to all 40 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscription