why-did-you-render is a library that notifies you when React components re-render unnecessarily. It helps identify performance bottlenecks and optimization opportunities in your React applications.
- Re-render Detection: Find unnecessary renders
- Console Notifications: Detailed render information
- Props Comparison: Deep props comparison
- Hook Tracking: Track hook dependencies
- Custom Hooks: Support for custom hooks
- Configuration: Flexible tracking options
- TypeScript: Full type support
- Development Only: No production impact
- Performance optimization
- Debugging re-render issues
- Identifying memoization opportunities
- Learning React rendering behavior
- Code review assistance
- Performance audits
Free and open source (MIT License)