Completed
Inline critical ; defer non-critical
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Designing High Performance React Applications
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 why performance matters?
- 3 Core Web Vitals
- 4 Sooner Time To Interactivity Lesser Layout Shifts
- 5 Bundling & Splitting
- 6 Budget JavaScript
- 7 Analyse JavaScript bundle size & Optimise
- 8 Avoid Data mutation
- 9 Immutability
- 10 Reconciliation
- 11 Virtualization
- 12 React 18 - Automatic Batching
- 13 Batching is when React groups multiple state updates into a single re-render for a better performance
- 14 Client Side Rendering (CSR)
- 15 Server Side Rendering (SSR)
- 16 React 18 - Suspense in SSR
- 17 LYDIA HALLIE Advanced Rendering Patterns
- 18 It depends
- 19 React 18 - Server Components
- 20 Use Technologies as needed
- 21 Limit component size
- 22 Cache is your friend
- 23 Image Lazy Loading
- 24 Inline critical ; defer non-critical
- 25 Remove unused resources
- 26 React Profilers
- 27 Performance Optimisation is an ongoing process
- 28 Measure! Optimize!! Measure!!!
- 29 Questions
