welldone-software/why-did-you-render

Health v2 · maintenance only

Adoption not part of the score

12512 stars · 224 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

why-did-you-render is a JavaScript library that monkey patches React to notify developers about potentially avoidable re-renders of components. It works with React and React Native and can also track when and why specific components re-render.

Use cases

• find out why a React component re-renders unnecessarily
• debug avoidable re-renders caused by inline object props like style={{width: '100%'}}
• track when and why a specific component updates
• optimize performance of heavy React components
• detect unnecessary re-renders in React Native apps
• trace re-renders caused by hooks dependencies

When to choose

• you are debugging performance issues caused by excessive React re-renders
• you use React or React Native and want to understand component update behavior
• you want to verify memoization (React.memo, PureComponent, useMemo) is working as expected

When to avoid

• you use the React Compiler, which is likely incompatible with this library
• you need production performance monitoring rather than development-time debugging
• your components are lightweight and re-render optimization would add complexity with negligible benefit

Facets

library · maturity active

monitoring developer-tools logging frontend web-development developer-tools performance browser cross-platform react react-native re-renders debugging performance-optimization hooks-tracking nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="welldone-software/why-did-you-render")