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

Computer Networks
University 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