9 Performance Secrets Revealed
summary
Turning slow creation into roughly two times faster by swapping to functional components, splitting heavy bits into child components to avoid needless re-renders, caching routes with keep-alive for instant revisits, using v-show to reuse DOM, deferring parts across frames for better perceived load, slicing large commits into chunks to avoid 3s freezes, marking large datasets non reactive to gain about 17x speed, and using virtual scrolling to render 10,000 items instantly by only mounting visible rows.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 0:27Agenda
- 0:501 - Functional components
- 3:202 - Child component splitting
- 5:283 - Local variables
- 7:404 - Reuse DOM with v-show
- 9:305- keep-alive
- 11:456 - Deferred features
- 15:107 - Time slicing
- 18:568 - Non-reactive data
- 21:449 - Virtual scrolling
related talks
34mOptimizing Performance in Large-Scale React & Node.js Applications
30mMaking your app fast with high-performance components
53mHelp! My React app is slowwwww!
38mLive Coding - Optimizing a React application
38mSecret Shortcuts of Loading Web Performance
27mProfiling and Optimizing Performance of React Applications
31mSpeeding up Startup for Large React Apps
40mCreating Fast-Feeling Web Apps