React Performance: memo, useMemo, useCallback & Lazy Loading | Advanced React #5

Advanced React episode 5: make your React apps fast. Learn why components re-render, how to measure with the React DevTools Profiler, how React.memo, useMemo and useCallback work together, how to code-split pages with lazy and Suspense, and when NOT to optimize. Watch first: Advanced React #4 React Router: Pages, Params & Protected Routes Chapters 0:00 Is your app slow? 0:21 Welcome back 0:40 01 Why components re-render 2:01 02 Measure first 2:47 03 React.memo 3:49 04 useMemo 4:52 05 useCallback 5:58 06 Lazy loading 7:12 07 When NOT to optimize 8:17 Recap 8:50 Next: TanStack Query Links Portfolio: https://rohanfarooq.me Business inquiries: rohanfarooq473@gmail.com RKTech Learn: learn to code, build anything. Subscribe!