Best practices for React performance optimization

I've been working on optimizing a large React application and wanted to share some best practices I've discovered, as well as ask for any additional tips from the community. Here are some techniques I've found effective: 1. **Use React.memo for component memoization** When you have components that render often with the same props, wrap them in React.memo to prevent unnecessary re-renders. 2. **Implement virtualization for long lists** Libraries like react-window or react-virtualized can significantly improve performance when rendering large lists by only rendering items that are visible in the viewport. 3. **Code-splitting with React.lazy and Suspense** Break your app into smaller chunks that load on demand, reducing the initial load time. 4. **Use the useCallback hook for event handlers** This prevents unnecessary re-creation of function references, which can cause child components to re-render. 5. **Optimize context usage** Split your context into smaller, more focused contexts to prevent unnecessary re-renders when only part of the context changes. What other techniques have you found effective for optimizing React performance? Any tools or libraries you'd recommend for profiling and identifying bottlenecks?