Learn React Router v6 – Full Course

Video Description

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-explorer-final ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ 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