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
Computer NetworksUniversity of Washington via Coursera Cloud Networking
University of Illinois at Urbana-Champaign via Coursera Front End Frameworks
Google via Udacity Build a Simple Dynamic Site with Node.js Course (How To)
Treehouse VLSI Physical Design
Indian Institute of Technology, Kharagpur via Swayam