Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

Learn React Router v6 - Full Course

via freeCodeCamp

Overview

Dive into a comprehensive video course on React Router v6, covering everything from basic route setup to advanced concepts like authenticated routes and custom transitions. Master the fundamentals of routing in React applications, including nested routes, dynamic routing, and programmatic navigation. Explore practical implementations through a hands-on project, learning to create custom "Not Found" pages, implement route guarding, and optimize performance with lazy loading. Gain insights into advanced route configurations and enhance user experience with navigation transition animations. By the end of this 1 hour 43 minute tutorial, acquire the skills to efficiently manage routing in complex React applications.

Syllabus

⌨️ Course Overview
⌨️ Introduction To React Router
⌨️ Project Overview
⌨️ Project Setup
⌨️ Installing React Router
⌨️ Setting up React Router
⌨️ Introduction to Routing
⌨️ Boilerplate code
⌨️ Adding a new Route
⌨️ How to Navigate between Pages
⌨️ Nested Routes
⌨️ Creating a custom "Not Found" page
⌨️ Dynamic Routing
⌨️ Programmatic Navigation
⌨️ Route Guarding
⌨️ Navbar Adjustment
⌨️ Navigation Transition Animation
⌨️ Lazy Loading
⌨️ Advanced Route Config
⌨️ The Final Project
⌨️ The END!

Taught by

freeCodeCamp.org

Reviews

Start your review of Learn React Router v6 - Full Course

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.