2.0.1 • Published 4 years ago
react-resource-monitor v2.0.1
React Resource Monitor
When using head management libraries, such as react-helmet, it is possible for React hydration and re-renders to cause resources to be loaded multiple times. This package logs a warning if that happens.
Installation
yarn add react-resource-monitorUsage
Add the following hook to start monitoring resources:
import { useResourceMonitor } from 'react-resource-monitor';
useResourceMonitor();Settings
The useResourceMonitor() hook accepts an object with the following settings:
| Option | Description | Default |
|---|---|---|
| initiatorTypes | An array of initiatorType to check for duplicates. | ['script', 'link', 'css'] |
| ignoreQuery | Ignore any query params when checking for duplicate resources. | true |
| disable | Disable the warnings (e.g. if process.env.NODE_ENV === 'production'). | false |
Browser Support
This package will not work for IE unless you polyfill PerformanceObserver.
Build setup
# Run tests
yarn run test
# Run linting checks
yarn run lint