Completed
Avoid Data mutation
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
