✨ Feature: 🚀 Add useRenderCount hook for tracking component render count

[talhaibnmahmud]

This pull request introduces a new utility hook, useRenderCount, designed to provide developers with valuable insights into component rendering behavior. With a focus on simplicity, flexibility, and efficiency, this hook facilitates easy tracking of component render counts, aiding in performance optimization and debugging efforts.

Key Features:

• Automated Component Name Detection: The useRenderCount hook automatically detects the name of the component where it is invoked. Leveraging the Error stack trace, it captures the component name dynamically, eliminating the need for manual configuration and simplifying usage.
• Efficient Render Count Tracking: The hook efficiently tracks the number of renders for the associated component. By utilizing React's useRef and useEffect hooks, render counts are accurately incremented without causing unnecessary re-renders or performance overhead.
• Conditional Logging: Logging behavior is intelligently controlled based on the environment. Render counts are logged only in development mode, ensuring that production logs remain clean and free from unnecessary noise. This approach enhances code maintainability and promotes best practices in logging management.
• Optional Custom Component Names: For added flexibility, developers can optionally provide custom names for components when invoking the hook. This feature enables more descriptive logging messages, enhancing code readability and facilitating easier identification of components in complex applications.

[changeset-bot]

🦋 Changeset detected

Latest commit: ea45d27

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
usehooks-ts	Minor
www	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR