1
Course Introduction: React Optimization Cookbook
2m 18s
2
Debounce Callbacks on DOM events in React Apps
4m 40s
3
Use the React Production Build
3m 53s
4
Virtualize Long Lists of Data in React
6m
5
Tree Shake Your React Application Modules
4m 35s
6
View Package Sizes in a React App with Webpack Analyzer
5m 24s
7
Containerization of State within Child React Components
4m 40s
8
Profile React Components with the Devtools Profiler
6m 24s
9
Optimize Function Components with React.memo
4m 41s
10
Memoized Values with React useMemo
2m 54s
11
Memoize a Function with useCallback in React
4m 16s
12
Add the why-did-you-render Package to Catch Unnecessary Updates in React
5m 2s
13
Code Split Components with React Lazy & Loadable Components
3m 49s

Course Introduction: React Optimization Cookbook

React

Share this video with your friends

This course is designed to provide tips about improving the overall performance of your react application. The lessons are designed as one-off tidbits that can potentially make dramatic improvements to the overall performance of your app.

https://github.com/twclark0/react-performance

Course

React Optimization Cookbook

Jodi Warren

~ 3 years ago

Hi Tyler!

Which commit should we be working from in the repo? It seems like the latest ones have some improvements already.

~ 2 years ago

hello