Popularity
5.3
Declining
Activity
0.0
Stable
833
14
24

Programming language: JavaScript
License: MIT License
Tags: Performance     Inspect     React     Render     Visualizer    
Latest version: v0.2.2

react-render-visualizer alternatives and similar libraries

Based on the "Inspect" category.
Alternatively, view react-render-visualizer alternatives based on common mentions on social networks and blogs.

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