Autoplay
Autocomplete
Speed
Previous Lecture
Complete and Continue
React Router v4
Introduction
Introduction, Philosophy, and Tips
Why React Router?
Introduction and Philosophy behind React Router v4 (22:25)
(Quiz) Why React Router?
URL Parameters
URL Parameters with React Router v4 (5:06)
(Quiz) URL Parameters
(Practice) URL Parameters
(Solution) URL Parameters (3:03)
Nested Routes
Nested routes with React Router v4 (19:33)
(Quiz) Nested Routes
(Practice) Nested Routes
(Solution) Nested Routes (12:28)
Passing Props
Pass props to a component rendered by React Router v4 (4:13)
(Quiz) Passing Props
(Practice) Passing Props
(Solution) Passing Props (2:31)
Programmatically Navigate
Programmatically navigate using React Router v4 (7:03)
(Quiz) Programmatically Navigate
(Practice) Programmatically Navigate (Declarative)
(Solution) Programmatically Navigate (Declarative) (2:55)
(Practice) Programmatically Navigate (Imperative)
(Solution) Programmatically Navigate (Imperative) (1:57)
Query Strings
Query Strings with React Router v4 (5:53)
(Quiz) Query Strings
(Practice) Query Strings
(Solution) Query Strings (3:09)
404 Pages
Handling 404 pages (catch all routes) with React Router v4 (6:38)
(Quiz) Catch All Routes
(Practice) Catch All Routes
(Solution) Catch All Routes (2:41)
Ambiguous Matches
Ambiguous Matches with React Router v4 (5:43)
(Quiz) Ambiguous Matches
(Practice) Ambiguous Matches
(Solution) Ambiguous Matches (3:10)
Passing Props to Link
Pass props to React Router v4's Link component (4:18)
(Quiz) Passing Props to Link
(Practice) Passing Props to Link
(Solution) Passing Props to Link (4:18)
Sidebars
Rendering a Sidebar or Breadcrumbs with React Router v4 (7:04)
(Quiz) Sidebars
(Practice) Sidebar
(Solution) Sidebar (4:07)
Customizing Link
Customizing your own Link component with React Router v4 (6:34)
(Quiz) Customizing Link
(Practice) Customizing Link
(Solution) Customizing Link (2:18)
(Project) Hash History Basketball League
Project - Introduction and Starter Files with Create React App (4:46)
Project - Given code for Project (5:13)
Project - Setting up the initial routes (5:11)
Project - Setting up a catch-all (404) route (1:46)
Project - Setting up the Home route (4:02)
Project - Fetching the players (14:22)
Project - Rendering the players (7:27)
Project - Fetching the teams (3:08)
Project - Rendering the teams (11:22)
Project - Setting up the teams page (15:43)
Project - Fetching the team's articles (5:47)
Project - Rendering the team's articles (8:05)
Project - Creating a Loading component (5:17)
Animated Transitions
Animated Transitions with React Router v4 (22:51)
(Quiz) Animated Transitions
(Practice) Animated Transitions
(Solution) Animated Transitions (4:00)
Project - Adding in Animated Transitions (4:54)
Code Splitting
Code Splitting with React Router v4 (15:53)
(Quiz) Code Splitting
(Practice) DynamicImport
(Solution) DynamicImport (2:44)
(Practice) React.lazy
(Solution) React.lazy (1:40)
Project - Code Splitting (7:05)
Protected Routes
Protected routes and authentication with React Router v4 (18:38)
(Quiz) Protected Routes
(Practice) Protected Routes
(Solution) Protected Routes (5:08)
Preventing Transitions
Preventing transitions with React Router v4 (8:46)
(Quiz) Preventing Transitions
(Practice) Preventing Transitions
(Solution) Preventing Transitions (2:50)
Route Config
Route Config with React Router v4 (10:18)
(Quiz) Route Config
(Practice) Route Config
(Solution) Route Config (5:46)
Bonus
(Bonus) Server Rendering with React and React Router v4 (52:39)
(Bonus) Fixing the "cannot GET *url*" error in React Router
(Bonus) Recursive paths with React Router v4 (10:43)
(Bonus) Build your own React Router v4
Outro
(Quiz) Animated Transitions
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock