React Router 6 – Tutorial for Beginners

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=59IXY5IDrBA


Category:
Tutorial
Duration: 1:17:25
138,978 views
3,337

Learn how to use React Router V6 in this crash course for beginners. React Router is the most popular way to add page routing in React Apps. It is used very frequently in React projects.

✏️ John Smilga from Coding Addict created this course. Check out his channel: https://www.youtube.com/channel/UCMZFwxv5l-XtKi693qMJptA

💻 Source Code: https://github.com/john-smilga/react-router-6-tutorial

🔗 React Tutorial: https://www.youtube.com/watch?v=bMknfKXIFA8
🔗 React Projects: https://www.youtube.com/watch?v=a_7Z7C_JCyo

⭐️ Course Contents ⭐️
⌨️ (0:00:00) First Pages
⌨️ (0:11:01) Page Components
⌨️ (0:15:47) Link Component
⌨️ (0:19:39) Error Page
⌨️ (0:22:39) Navbar
⌨️ (0:24:39) Nested Routes
⌨️ (0:29:39) Shared Layout
⌨️ (0:35:58) Index Pages
⌨️ (0:41:43) NavLink Component
⌨️ (0:49:02) URL Params
⌨️ (0:55:56) Single Product
⌨️ (1:01:36) useNavigate()
⌨️ (1:09:49) Protected Route
⌨️ (1:13:52) Refactor

🎉 Thanks to our Champion and Sponsor supporters:
👾 Raymond Odero
👾 Agustín Kussrow
👾 aldo ferretti
👾 Otis Morgan
👾 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news



Other Videos By freeCodeCamp.org


2022-06-02Code Your Own Heroku Clone with Python – Provision Infrastructure Programmatically Tutorial
2022-05-31Build a Shopping Cart with JavaScript – Project Tutorial
2022-05-27Build a Chrome Extension – Course for Beginners
2022-05-26Learn Blockchain, Solidity, and Full Stack Web3 Development with JavaScript – 32-Hour Course
2022-05-23React Testing Course for Beginners – Code and Test 3 Apps
2022-05-19Drum Machine with Python and Pygame – Full Project Course
2022-05-17SQL Server Performance Essentials – Full Course
2022-05-12Self-Driving Car with JavaScript Course – Neural Networks and Machine Learning
2022-05-09Build a Social Media App with Django – Python Web Framework Tutorial
2022-05-05Data Visualization with D3 – Full Course for Beginners [2022]
2022-05-04React Router 6 – Tutorial for Beginners
2022-05-02Google Cloud Associate Cloud Engineer Course - Pass the Exam!
2022-04-28Blazor WebAssembly & Web API on .NET 6 – Full Course (C#)
2022-04-27Assembly Language Programming with ARM – Full Tutorial for Beginners
2022-04-25Python + PyTorch + Pygame Reinforcement Learning – Train an AI to Play Snake
2022-04-20Redux Toolkit Tutorial – JavaScript State Management Library
2022-04-18Python Game Development Project Using OOP – Minesweeper Tutorial (w/ Tkinter)
2022-04-13Low-Code for Freelance Developers & Startups – Tutorial
2022-04-11Learn Terraform (and AWS) by Building a Dev Environment – Full Course for Beginners
2022-04-08Let's Play Break The Code 2 – Code Cracking Game for Developers with Tom and Shaun
2022-04-07Figma Variants – Design a Scalable Mobile App [Full Course]