Popularity
4.9
Declining
Activity
0.0
Stable
821
15
25

Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Tags: Performance     Inspect     React     Render     Visualizer    

react-render-visualizer alternatives and similar libraries

Based on the "Inspect" category

Do you think we are missing an alternative of react-render-visualizer or a related project?

Add another 'Inspect' Library

README

React Render Visualizer

A visual way to see what is (re)rendering and why.

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

npm install react-render-visualizer

Usage

This is a mixin so once you've included the source code, simply mix it in to any react component you want to start monitoring.

E.g.

var ReactRenderVisualizer = require("react-render-visualizer");

app.TodoItem = React.createClass({
    mixins: [ReactRenderVisualizer],

Component will show up with a blue border box when being monitored

Demo

demo