Làm sao để optimize performance React app khi có nhiều re-render?

Với trường hợp của bạn, mình recommend thử những cách sau: 1. **Virtualization:** Với 100 ProductCard, bạn nên dùng react-window hoặc react-virtualized để chỉ render những items trong viewport. 2. **State management:** Thay vì để state ở App level, hãy dùng context hoặc zustand để tách state. Mỗi component chỉ subscribe những state nó cần. 3. **Code splitting:** Lazy load những component không cần thiết lúc đầu. ```jsx const ProductList = React.lazy(() => import('./ProductList')) ``` 4. **React DevTools Profiler:** Dùng tool này để xem chính xác component nào re-render và tại sao. Hy vọng giúp được bạn!