react-render-visualizer Alternatives - React Inspect

Popularity

4.9

Stable

Activity

0.0

Stable

Stars 821

Watchers 15

Forks 25

Last Commit over 3 years ago

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

why-did-you-update

8.6 0.0 react-render-visualizer VS why-did-you-update

Puts your console on blast when React is making unnecessary updates.
React Lifecycle Visualizer

4.8 8.6 react-render-visualizer VS React Lifecycle Visualizer

Real-time visualizer for React lifecycle methods
react-perf-tool

3.7 0.0 react-render-visualizer VS 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?

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

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

npm install react-render-visualizer

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