gaearon / react-lag-radar

React Lag Radar

Lag Radar developed by Ben Birch, wrapped into a React component for convenience.

You can use it in development to track whether your app is responsive or is dropping frames. Particularly neat for demos of React 18 startTransition. For example, see this demo.

(Note: React 18 is still in alpha and will be for a while.)

npm install react-lag-radar

Usage

import LagRadar from 'react-lag-radar';

<LagRadar />

<LagRadar size={100} />

<LagRadar
  frames={20}
  speed={0.0017}
  size={100}
  inset={3}
/>

License

ISC