Extensions inspire

React Monitor

0

Details

Author:
reactmonitorfiber

Category:
Productivity

Version:
0.0.0.1

Users:
10

Size:
1.3MiB

Price:
Free

Updated:
June 18, 2020

Webstore Link:
https://chrome.google.com/webstore/detail/react-monitor/fmmeapmiaceajgihganackickhkomgla

Download

version 0.0.0.1  - Download ZIP file

Description

ReactMonitor
Quickly visualize React's component tree performance for improved onboarding and debugging

What does it do
By using the ReactMonitor Chrome DevTool, beginning and experienced developers alike are able to get a visual representation of an existing codebase that they are working on. Built with React, this tool will dynamically traverse the fiber root object behind the scenes, displaying state, props, render times and the type of components on the page.

How to install and run?
Run the NPM package in your own codebase by following the steps below.

- Install the package (npm install reactmonitorfiber)
- Require/Import the package (import reactMonitor from 'reactmonitorfiber')
- Invoke React Monitor with an input of the DOM element that you are rendering the React Element into
const container = document.querySelector('#root');
reactDOM.render(<App />, container);
reactMonitor(container);
- Navigate to the domain of your React application that you will be running React Monitor on
- Open your Chrome Developer Tools and select React Monitor

You are now able to view state changes on your application in real time!

Top Extensions

 
(10943)
 
(50577)
 
(98995)
 
(25231)
 
(8324)
 
(1434)
 
(11367)

What has inspired us?

Extore is a team of professionals who are passionate about creating extensions for web browsers. This devotion also gives us opportunity to appreciate work of other people. We get inspired by useful, open source extensions made by developers all over the world. Our strong belief is that one should share helpful add-ons with others. That’s why we’d like to present you our ever-growing list of favourite extensions that have inspired us. Moreover, as you probably have already learned, sometimes struggling for the best brings an end to the good. Talking about add-ons it often turns out that an upgrade is worse then previous version. Also it can become really tricky to get back to the beloved version of your favourite extension. That’s why we’re going to make not only the latest, but all versions of our favourite (and we hope yours too) add-ons available for download. No more compromises, just stick to the version you really like!