Popularity
5.4
Growing
Activity
0.0
Stable
834
14
24
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 backend cloud platform
Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
Promo
appwrite.io
Do you think we are missing an alternative of react-render-visualizer or a related project?
|
Collect and Analyze Billions of Data Points in Real Time
sponsored
www.influxdata.com
|
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
|
Learn any GitHub repo in 59 seconds
sponsored
getonboard.dev
|
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
