Code Splitting with React, React.lazy, and React Router v5
In this video you'll learn how to increase the performance of your application by adding code splitting with React and 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-codesplit
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-codesplit
Видео Code Splitting with React, React.lazy, and React Router v5 канала uidotdev
---
If you enjoyed this video, you'll love our React Router v5 course.
https://ui.dev/react-router-v5/?s=youtube-rrv5-codesplit
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-codesplit
Видео Code Splitting with React, React.lazy, and React Router v5 канала uidotdev
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Nested routes with React Router v5](https://i.ytimg.com/vi/9z-X7UUid9Q/default.jpg)
![ReactJS: Code Splitting Explained](https://i.ytimg.com/vi/Ef3nvKLS4no/default.jpg)
![The Evolution of Async JavaScript: From Callbacks, to Promises, to Async/Await](https://i.ytimg.com/vi/gB-OmN1egV8/default.jpg)
![Animated Transitions with React Router v5](https://i.ytimg.com/vi/jMl0qOgcf6Y/default.jpg)
![JavaScript Modules: From IIFEs to CommonJS to ES6 Modules](https://i.ytimg.com/vi/qJWALEoGge4/default.jpg)
![Neehar Venugopal - A Beginner's Guide to Code Splitting Your React App - React Conf 2017](https://i.ytimg.com/vi/bb6RCrDaxhw/default.jpg)
![How to optimize a React JS app bundle performance to load under 3s | Code splitting | Lazy loading](https://i.ytimg.com/vi/j8NJc60H294/default.jpg)
![Rendering a Sidebar or Breadcrumbs with React Router v5](https://i.ytimg.com/vi/fvOyIcMrlEc/default.jpg)
![WORLD'S BEST TREE FELLING TUTORIAL! Way more information than you ever wanted on how to fell a tree!](https://i.ytimg.com/vi/nLIEYvHMS8U/default.jpg)
![Concurrent Rendering in React - Andrew Clark and Brian Vaughn - React Conf 2018](https://i.ytimg.com/vi/ByBPyMBTzM0/default.jpg)
![Query Strings with React Router v5](https://i.ytimg.com/vi/jd6Sz2sDPJc/default.jpg)
![ES Modules In Depth](https://i.ytimg.com/vi/7BQWndkI1mg/default.jpg)
![Lazy loading and Suspense in React || Codenemy](https://i.ytimg.com/vi/LytSy6L24TI/default.jpg)
![React Context Explained (2020)](https://i.ytimg.com/vi/rFnfvhtrNbQ/default.jpg)
![Building an App with the Vanilla DOM API (2020)](https://i.ytimg.com/vi/TZ4wSipJ1E0/default.jpg)
![Netflix JavaScript Talks - RxJS + Redux + React = Amazing!](https://i.ytimg.com/vi/AslncyG8whg/default.jpg)
![](https://i.ytimg.com/vi/NgMxlNTGTY8/default.jpg)
![Code Splitting with React and React Router v4](https://i.ytimg.com/vi/bUlkq3PDfRY/default.jpg)
![Code Splitting in React](https://i.ytimg.com/vi/d_Ak1pn-n4k/default.jpg)
![🔴 NETFLIX REACT.JS Challenge | Day 3 (Authentication & Plans/Profile Screen)](https://i.ytimg.com/vi/DStFGe6Hd2c/default.jpg)