babel-plugin-react-visualizer

babel-plugin-react-visualizer can visualize component rendering. when you do something in your page,it will mark which component had rendered

Getting started

install babel-plugin-react-visualizer with npm

npm install babel-plugin-react-visualizer -D

then add 'react-visualizer' into .babelrc

{
  "presets":[],
  "plugins":[],
  "env":{
    "development":{
      "plugins":[
        "react-visualizer"
      ]
    }
  }
} 

finally just enjoy it!!