Nested routes with React Router v5

In this video you'll learn how to create nested routes with React Router v5.

---

If you enjoyed this video, you'll love our React Router v5 course.

https://ui.dev/react-router-v5/?s=youtube-rrv5-nested-routes

19 Topics
218 Minutes of Video
22,609 Words of Text
16 Quizzes
16 Exercises
1 Project

Here's what you can expect to learn.

Introduction and Philosophy behind React Router v5
(Quiz) Why React Router?

Nested Routes with React Router v5
(Quiz) Nested Routes
(Practice) Nested Routes
(Solution) Nested Routes

Query Strings with React Router v5
(Quiz) Query Strings
(Practice) Query Strings
(Solution) Query Strings

Pass props to React Router v5's Link component
(Quiz) Passing Props to Link
(Practice) Passing Props to Link
(Solution) Passing Props to Link

Protected Routes and Authentication with React Router v5
(Quiz) Protected Routes
(Practice) Protected Routes
(Solution) Protected Routes

Passing Props to a component rendered by React Router v5
(Quiz) Passing Props
(Practice) Passing Props
(Solution) Passing Props

Handling 404 pages (catch all routes) with React Router v5
(Quiz) Catch All Routes
(Practice) Catch All Routes
(Solution) Catch All Routes

Rendering a Sidebar or Breadcrumbs with React Router
(Quiz) Sidebars
(Practice) Sidebars
(Solution) Sidebars

Animated Transitions with React Router v5
(Quiz) Animated Transitions
(Practice) Animated Transitions
(Solution) Animated Transitions

Preventing transitions with React Router v5
(Quiz) Preventing Transitions
(Practice) Preventing Transitions
(Solution) Preventing Transitions

URL Parameters with React Router v5
(Quiz) URL Parameters
(Practice) URL Parameters
(Solution) URL Parameters

Programmatically navigate using React Router v5
(Quiz) Programmatically Navigate
(Practice) Programmatically Navigate (Declarative)
(Solution) Programmatically Navigate (Declarative)
(Practice) Programmatically Navigate (Imperative)
(Solution) Programmatically Navigate (Imperative)

Ambiguous Matches with React Router v5
(Quiz) Ambiguous Matches
(Practice) Ambiguous Matches
(Solution) Ambiguous Matches

Customizing your own Link component with React Router v5
(Quiz) Customizing Link
(Practice) Customizing Link
(Solution) Customizing Link

Code Splitting with React Router v5
(Quiz) Code Splitting
(Practice) Code Splitting
(Solution) Code Splitting

Route Config with React Router v5
(Quiz) Route Config
(Practice) Route Config
(Solution) Route Config

Bonus
Server Rendering with React and React Router v5
Fixing the 'cannot GET *url*' error in React Router
Recursive Paths with React Router v5

(Project) Hash History Basketball League
Introduction and starter files with Create React App
Starter Code
Initial Routes
Catch-all (404) route
Home Route
Sidebar Component
Player's Route
Team's Route
Team Page
Articles Route
Loading Component
Animating Players
Code splitting

React Router v5 Course - https://ui.dev/react-router-v5/?s=youtube-rrv5-nested-routes

Видео Nested routes with React Router v5 канала uidotdev