React Render Visualizer Decorator
============
A visual way to see what is (re)rendering and why.

ES7 decorator version ported from <https://github.com/redsunsoft/react-render-visualizer>

Features
--------
- Shows when component is being mounted or updated by highlighting (red for mount, yellow for update)
- Shows render count for each component instance
- Shows individual render log for each component instance

Installation
------------

```sh
npm install react-render-visualizer-decorator
```

Usage
-----
Import and apply to any React component you want to start monitoring:

```js
import React, { Component } from 'react';
import visualizeRender from 'react-render-visualizer-decorator';

@visualizeRender
class TodoItem extends Component {
    render () {
        // ...
    }
}
```
Component will show up with a blue border box when being monitored.


Demo
----
![demo](https://cloud.githubusercontent.com/assets/3999910/6566152/ba047a42-c673-11e4-9833-1e78de51abc1.gif)
React Render Visualizer Decorator
============
A visual way to see what is (re)rendering and why.

ES7 decorator version ported from <https://github.com/redsunsoft/react-render-visualizer>

Features
--------
- Shows when component is being mounted or updated by highlighting (red for mount, yellow for update)
- Shows render count for each component instance
- Shows individual render log for each component instance

Installation
------------

```sh
npm install react-render-visualizer-decorator
```

Usage
-----
Import and apply to any React component you want to start monitoring:

```js
import React, { Component } from 'react';
import visualizeRender from 'react-render-visualizer-decorator';

@visualizeRender
class TodoItem extends Component {
    render () {
        // ...
    }
}
```
Component will show up with a blue border box when being monitored.


Demo
----
See a demo page: <http://react-render-visualizer-decorator.netlify.com/>
Update readme - add demo page link
Update readme - add demo page link
