Learn React Router v6 – Full Course
freeCodeCamp.org freeCodeCamp.org
9.46M subscribers
34,894 views
0

 Published On Apr 4, 2024

Learn how to use React Router. You'll learn about setting up a basic routes, protecting authenticated routes, custom route transitions and more.

Course created by @CounterSyntax

💻 Starter Project/Boilerplate code: github.com/Kolosafo/git-explorer-starter
💻 Git Explorer Final: https://github.com/Kolosafo/git-explo...

⭐️ Contents ⭐️
⌨️ (0:00:00) Course Overview
⌨️ (0:02:23) Introduction To React Router
⌨️ (0:05:08) Project Overview
⌨️ (0:07:01) Project Setup
⌨️ (0:09:23) Installing React Router
⌨️ (0:10:33) Setting up React Router
⌨️ (0:14:11) Introduction to Routing
⌨️ (0:20:37) Boilerplate code
⌨️ (0:21:23) Adding a new Route
⌨️ (0:22:12) How to Navigate between Pages
⌨️ (0:25:01) Nested Routes
⌨️ (0:31:37) Creating a custom "Not Found" page
⌨️ (0:35:30) Dynamic Routing
⌨️ (0:43:34) Programmatic Navigation
⌨️ (0:53:27) Route Guarding
⌨️ (1:02:45) Navbar Adjustment
⌨️ (1:06:07) Navigation Transition Animation
⌨️ (1:16:54) Lazy Loading
⌨️ (1:24:34) Advanced Route Config
⌨️ (1:37:09) The Final Project
⌨️ (1:38:09) The END!

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

show more

Share/Embed