react-transform-render-visualizer

A React Transform equivalent to React Render Visualizer

Requirements

• React - 0.14-beta1+
• ReactDOM - 0.14-beta1+
• A browser that supports element.animate

Installation

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": {
    // must be defined and be an array
    "react-transform": [{
      "target": "react-transform-render-visualizer"
    }]
  }
}

This transform has no effect when process.env.NODE_ENV is set to 'production'.

Usage

Components will show up with a blue border box when monitored.

License

MIT

This heavily relied on react-render-visualizer for inspiration, and their license is available at LICENSE

How it looks