react-native-performance-monitor

Monitor and analyze JavaScript thread performance in React Native apps with real-time usage, event loop lag, FPS tracking, and freeze detection.

Installation

npm install react-native-performance-monitor

Usage

To show JS Thread usage,lag and memory usage

import {PerformanceOverlay} from 'react-native-performance-monitor';

 <PerformanceOverlay />

to start memory leak detection

import {
  initPerformanceMonitor,
  useLeakDetector,
} from 'react-native-performance-monitor';

initPerformanceMonitor();

To register component for memory leak detection

// add below line to each component
  useLeakDetector('LeakyComponent');

and show overlay using

   <PerformanceOverlay />

Example Dev Tool Overlay

Contributing

• Development workflow
• Sending a pull request
• Code of conduct

License

MIT

Made with create-react-native-library