Week 21 – React Performance Optimization & Code Splitting (WorldWise Completed ✅)

Week 21 was focused on something every serious React developer must eventually face: Performance. Not building features. Not styling UI. But understanding how React renders, re-renders, and how to control it. This week I worked with: React.memo useMemo useCallback React.lazy React DevTools Profiler And I applied everything inside my WorldWise project , which is now officially complete. 1️⃣ React.memo – Controlling Unnecessary Re-renders One of the biggest realizations this week was understanding that: React re-renders more often than you think. Even when data doesn’t change. Using React.memo helped me prevent components from re-rendering when their props remained the same. But I also learned something important: Memo is not a magic performance button. It only helps when: The component is expensive to render Props are stable Re-renders are actually happening Optimization without measurement is just guessing. 2️⃣ useCallback – Stabilizing Function References I used useCallback inside Wor