Autoplay
Autocomplete
Speed
Previous Lecture
Complete and Continue
React Router v5
Introduction
Introduction, Philosophy, and Tips (3:21)
Why React Router?
Introduction and Philosophy behind React Router v5 (4:54)
(Quiz) Why React Router?
URL Parameters
URL Parameters with React Router v5 (4:25)
(Quiz) URL Parameters
(Practice) URL Parameters
(Solution) URL Parameters (2:51)
Nested Routes
Nested routes with React Router v5 (15:53)
(Quiz) Nested Routes
(Practice) Nested Routes
(Solution) Nested Routes (8:55)
Passing Props
Pass props to a component rendered by React Router v5 (1:40)
(Quiz) Passing Props
(Practice) Passing Props
(Solution) Passing Props (1:53)
Programmatically Navigate
Programmatically navigate using React Router v5 (4:44)
(Quiz) Programmatically Navigate
(Practice) Programmatically Navigate (Declarative)
(Solution) Programmatically Navigate (Declarative) (2:50)
(Practice) Programmatically Navigate (Imperative)
(Solution) Programmatically Navigate (Imperative) (1:42)
Query Strings
Query Strings with React Router v5 (4:03)
(Quiz) Query Strings
(Practice) Query Strings
(Solution) Query Strings (2:45)
404 Pages
Handling 404 pages (catch all routes) with React Router v5 (3:16)
(Quiz) Catch All Routes
(Practice) Catch All Routes
(Solution) Catch All Routes (2:32)
Ambiguous Matches
Ambiguous Matches with React Router v5 (3:29)
(Quiz) Ambiguous Matches
(Practice) Ambiguous Matches
(Solution) Ambiguous Matches (2:18)
Passing Props to Link
Pass props to React Router v5's Link component (2:24)
(Quiz) Passing Props to Link
(Practice) Passing Props to Link
(Solution) Passing Props to Link (1:51)
Sidebars
Rendering a Sidebar or Breadcrumbs with React Router v5 (5:04)
(Quiz) Sidebars
(Practice) Sidebar
(Solution) Sidebar (3:45)
Customizing Link
Customizing your own Link component with React Router v5 (4:25)
(Quiz) Customizing Link
(Practice) Customizing Link
(Solution) Customizing Link (3:09)
Project - Hash History Basketball League
(Project) Hash History Basketball League Introduction (2:23)
(Project) Starter Code (4:33)
(Project) Initial Routes (4:42)
(Project) Catch-all (404) route (1:09)
(Project) Home Route (3:29)
(Project) Sidebar Component (5:23)
(Project) Players Route (9:54)
(Project) Team's Route (5:59)
(Project) Team Page (9:17)
(Project) Articles Route (9:22)
(Project) Loading Component (4:38)
Animated Transitions
Animated Transitions with React Router v5 (11:02)
(Quiz) Animated Transitions
(Practice) Animated Transitions
(Solution) Animated Transitions (3:24)
(Project) Animating Players (3:37)
Code Splitting
Code Splitting with React.lazy and React Router v5 (7:51)
(Quiz) Code Splitting
(Practice) React.lazy
(Solution) React.lazy (1:38)
(Project) Code split (1:36)
Protected Routes
Protected routes and authentication with React Router v5 (11:51)
(Quiz) Protected Routes
(Practice) Protected Routes
(Solution) Protected Routes (5:04)
Preventing Transitions
Preventing transitions with React Router v5 (5:08)
(Quiz) Preventing Transitions
(Practice) Preventing Transitions
(Solution) Preventing Transitions (2:50)
Route Config
Route Config with React Router v5 (6:52)
(Quiz) Route Config
(Practice) Route Config
(Solution) Route Config (3:22)
Bonus
(Bonus) Server Rendering with React and React Router v5
(Bonus) Fixing the "cannot GET *url*" error in React Router
(Bonus) Recursive paths with React Router v5
Outro (0:49)
(Bonus) Fixing the "cannot GET *url*" error in React Router
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock