Главная
Study mode:
on
1
Intro
2
What we think
3
Reality
4
Mobile first
5
Browser support
6
Shipping JS
7
Long Term Caching
8
Ship Less JS
9
Easy to use
10
Before
11
Simple example
12
Run Webpack
13
What we load
14
In the browser
15
Loaded async
16
Async React Components
17
Simple Lazy Load Component
18
Patterns
19
Route level splitting
20
Maps to application hierarchy
21
Simple React Router v3 example
22
Quick recap
23
Component level splitting
24
Responsive Components
25
How do we model this?
26
Conditional imports are easy!
27
Mismatch
28
Profile on real devices
29
Avoid waterfalls
30
import() is always async
Description:
Learn how to optimize your React application's performance through code splitting in this insightful conference talk from React Conf 2017. Explore the concept of mobile-first development, browser support considerations, and techniques for shipping less JavaScript. Discover the benefits of long-term caching and dive into practical examples of code splitting implementation. Master async React components and lazy loading strategies, including route-level and component-level splitting. Understand how to effectively use conditional imports and avoid common pitfalls like mismatches and waterfalls. Gain valuable insights on profiling your app on real devices and optimizing your code for better user experience.

A Beginner's Guide to Code Splitting Your React App

Meta
Add to list