@oliasoft-open-source/why-render
v1.0.6
Published
Debugging helper functions for understanding why React components are re-rendering
Downloads
8
Readme
Why render?
Debugging helper functions for understanding why React components are re-rendering.
Installation
yarn add --dev @oliasoft-open-source/why-render
Note: this package is for debugging/testing only, and should not be merged into production code
Usage (React components)
To use for class components:
import { whyRender } from '@oliasoft-open-source/why-render';
componentDidUpdate(prevProps, prevState) {
whyRender(prevProps, this.props, prevState, this.state);
}
To use for function components:
import { useWhyRender } from '@oliasoft-open-source/why-render';
const Component = (props) => {
useWhyRender(props);
}
Usage (General explainDifferences function)
import { explainDiffernces } from '@oliasoft-open-source/why-render';
explainDiffernces(previous, current);