Psychology of Rerenders
summary
Examines performance costs of React rerenders using a concrete demo: a list app where extra renders lower frame rate and spike CPU. Uses React Profiler and why-did-you-render to measure the problem, then applies fixes (memoization, moving handlers out of render, useCallback) and shows render counts drop from thousands to hundreds and load time improves about 80%, with a small repo and reproducible benchmark provided.
AI-written summary · about
chapters (5)
- 0:00Introducere în psihologie
- 12:09Ce sunt rerender-urile?
- 20:57Impactul asupra utilizatorilor
- 27:17Optimizarea componentelor
- 33:04Concluzii și Q&A
related talks
40mProfiling React rendering performance
27mProfiling and Optimizing Performance of React Applications
19mThe Mystery of React Renders
51mReact & Redux: Optimizing performance
20mPerformance Anxiety with React: Track and increase speed of your apps
11mMaximizing React Perfomance with DevTools: Profiler and Components
38mLive Coding - Optimizing a React application
16mDeep dive into react profiles and performance optimisation