A React Transform equivalent to React Render Visualizer.
- React - 0.14-rc1+
- ReactDOM - 0.14-rc1+
- A browser that supports element.animate
First, install the Babel plugin:
npm install --save-dev babel-plugin-react-transform
Then, install the transform:
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:
{
"stage": 0,
"plugins": [
"react-transform"
],
"extra": {
"react-transform": [{
"target": "react-transform-render-visualizer"
}]
}
}
This transform is enabled regardless of NODE_ENV. It's up to you to disable in a production build.
Components will show up with a helpful box when monitored. This will attach itself to all components.
MIT
This heavily relied on react-render-visualizer for inspiration, and their license is available at LICENSE