Skip to main content

react-perf-hooks

Measure React performance without slowing your workflow

Explore all hooks with API references, interactive demos, and practical guidance before you install.

Install

npm install react-perf-hooks

What this docs site includes

13 hook references

Every hook has signature details, parameter and return tables, and copy-ready usage examples.

Interactive demos

Each hook page links to a StackBlitz workspace so developers can test behavior interactively.

Performance guide

Best-practice checklist linked to companion long-form articles for deeper dives.

Hook coverage

  • useRenderTracker
  • useRenderBudget
  • usePerformanceMark
  • useComponentLifecycle
  • useMemoProfiling
  • useWebVitals
  • useINP
  • useCLS
  • useLongTasks
  • useMemoryStatus
  • useDebouncedState
  • useThrottledState
  • useIntersectionObserver