Render visualizer for ReactJS
npm install react-transform-render-visualizerA React Transform equivalent to React Render Visualizer.
First, install the Babel plugin:
``sh`
npm install --save-dev babel-plugin-react-transform
Then, install the transform:
`sh`
npm install --save-dev react-transform-render-visualizer
Then edit your .babelrc to include extra.babel-plugin-react-transform.
It must be an array of the transforms you want to use:
`js`
{
"stage": 0,
"plugins": [
"react-transform"
],
"extra": {
"react-transform": {
"transforms": [{
"transform": "react-transform-render-visualizer"
}]
}
}
}
This transform is enabled regardless of NODE_ENV. It's up to you to disable in
a production build.
Use the following transform:
`js`
"transform": "react-transform-render-visualizer/lib/specify"
On any comnponent that you'd like the render visualizer to appear, set the static property rerenderViz to true;
`js``
export class QueueMenu extends Component {
static displayName = 'QueueMenu';
static rerenderViz = true;
This heavily relied on react-render-visualizer for inspiration, and their license is available at LICENSE