Learn React Router v6 - Full Course
Offered By: freeCodeCamp
Course Description
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
Related Courses
Front-End Web Development with ReactThe Hong Kong University of Science and Technology via Coursera React Router and Redux
Microsoft via edX Introduction to Front-end Development with ReactJS
Coursera Project Network via Coursera React - The Complete Guide 2024 (incl. Next.js, Redux)
Udemy The Ultimate App Making Course! Master Many Coding Skills!
Udemy