Learn React Router v6 – Full Course
Learn how to use React Router. You'll learn about setting up a basic routes, protecting authenticated routes, custom route transitions and more.
Course created by @CounterSyntax
💻 Starter Project/Boilerplate code: github.com/Kolosafo/git-explorer-starter
💻 Git Explorer Final: https://github.com/Kolosafo/git-explorer-final
⭐️ Contents ⭐️
⌨️ (0:00:00) Course Overview
⌨️ (0:02:23) Introduction To React Router
⌨️ (0:05:08) Project Overview
⌨️ (0:07:01) Project Setup
⌨️ (0:09:23) Installing React Router
⌨️ (0:10:33) Setting up React Router
⌨️ (0:14:11) Introduction to Routing
⌨️ (0:20:37) Boilerplate code
⌨️ (0:21:23) Adding a new Route
⌨️ (0:22:12) How to Navigate between Pages
⌨️ (0:25:01) Nested Routes
⌨️ (0:31:37) Creating a custom "Not Found" page
⌨️ (0:35:30) Dynamic Routing
⌨️ (0:43:34) Programmatic Navigation
⌨️ (0:53:27) Route Guarding
⌨️ (1:02:45) Navbar Adjustment
⌨️ (1:06:07) Navigation Transition Animation
⌨️ (1:16:54) Lazy Loading
⌨️ (1:24:34) Advanced Route Config
⌨️ (1:37:09) The Final Project
⌨️ (1:38:09) The END!
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Видео Learn React Router v6 – Full Course канала freeCodeCamp.org
Course created by @CounterSyntax
💻 Starter Project/Boilerplate code: github.com/Kolosafo/git-explorer-starter
💻 Git Explorer Final: https://github.com/Kolosafo/git-explorer-final
⭐️ Contents ⭐️
⌨️ (0:00:00) Course Overview
⌨️ (0:02:23) Introduction To React Router
⌨️ (0:05:08) Project Overview
⌨️ (0:07:01) Project Setup
⌨️ (0:09:23) Installing React Router
⌨️ (0:10:33) Setting up React Router
⌨️ (0:14:11) Introduction to Routing
⌨️ (0:20:37) Boilerplate code
⌨️ (0:21:23) Adding a new Route
⌨️ (0:22:12) How to Navigate between Pages
⌨️ (0:25:01) Nested Routes
⌨️ (0:31:37) Creating a custom "Not Found" page
⌨️ (0:35:30) Dynamic Routing
⌨️ (0:43:34) Programmatic Navigation
⌨️ (0:53:27) Route Guarding
⌨️ (1:02:45) Navbar Adjustment
⌨️ (1:06:07) Navigation Transition Animation
⌨️ (1:16:54) Lazy Loading
⌨️ (1:24:34) Advanced Route Config
⌨️ (1:37:09) The Final Project
⌨️ (1:38:09) The END!
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Видео Learn React Router v6 – Full Course канала freeCodeCamp.org
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Hero Section CSS Changes - Live Coding with JesseMaster Design Patterns & SOLID Principles in C# - Full OOP Course for BeginnersSpring Boot, Spring Security, JWT Course – Shopping Cart Backend Java ProjectCode a Reddit Clone with React, Next.js, Firebase v9, Chakra UI – Full CoursefreeCodeCamp.org Curriculum Expansion: Math + Machine Learning + Data ScienceFull-Stack Next.js, TypeScript, and AWS Course – Code a Quote GeneratorDeep Learning for Computer Vision with Python and TensorFlow – Complete CourseFull HTTP Networking Course – Fetch and REST APIs in JavaScriptBuild AI Apps with ChatGPT, DALL-E, and GPT-4 – Full Course for BeginnersSecuring API Servers CourseFrontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)Algorithms Course - Graph Theory Tutorial from a Google EngineerThe Business of Building Apps - App Product Management Course for DevelopersTensorFlow for Computer Vision Course - Full Python Tutorial for BeginnersAdvanced Git Tutorial - Interactive Rebase, Cherry-Picking, Reflog, Submodules and morePython for Bioinformatics - Drug Discovery Using Machine Learning and Data AnalysisDynamic Programming - Learn to Solve Algorithmic Problems & Coding ChallengesCreate a Design System with CSS - Web Development CourseJavaScript Game Development Course for BeginnersDevOps with GitLab CI Course - Build Pipelines and Deploy to AWSCollege Algebra – Full Course with Python Code