Popularity
5.3
Declining
Activity
0.0
Stable
829
16
25
Monthly Downloads: 0
Programming language: JavaScript
License: MIT License
Latest version: v0.2.2
react-render-visualizer alternatives and similar libraries
Based on the "Inspect" category
-
why-did-you-update
Puts your console on blast when React is making unnecessary updates. -
React Lifecycle Visualizer
Real-time visualizer for React lifecycle methods -
react-perf-tool
Debug performance of your React application.
Do you think we are missing an alternative of react-render-visualizer or a related project?
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
