Popularity
5.4
Stable
Activity
0.0
Stable
827
15
25
Programming language: JavaScript
License: MIT License
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.
-
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
[Deprecated] Debug performance of your React application
Appwrite - The Open Source Firebase alternative introduces iOS support
Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
Promo
appwrite.io
Do you think we are missing an alternative of react-render-visualizer or a related project?
|
Static code analysis for 29 languages.
sponsored
www.sonarqube.org
|
Popular Comparisons
-
react-render-visualizervswhy-did-you-update
-
react-render-visualizervsReact Lifecycle Visualizer
-
react-render-visualizervsreact-perf-tool
-
react-perf-toolvsReact Lifecycle Visualizer
-
why-did-you-updatevsreact-render-visualizer
|
Less time debugging, more time building
sponsored
scoutapm.com
|
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
