YoVDO

Learn React Router v6 - Full Course

Offered By: freeCodeCamp

Tags

React Router Courses Web Development Courses React Courses Routing Courses Single-Page Applications Courses Lazy Loading Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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 React
The 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