Wat is React Monitor?

React Monitor is een Chrome-extensie ontwikkeld door reactmonitorfiber, en de belangrijkste functie is "ReactMonitor Quickly visualize React's component tree performance for improved onboarding and debugging What does it do By using…".

Extensie Screenshots

Download het CRX-bestand van de extensie React Monitor

Download React Monitor-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

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(, 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!

Basisinformatie over de Extensie

Naam	React Monitor
ID	fmmeapmiaceajgihganackickhkomgla
Officiële URL	https://chromewebstore.google.com/detail/react-monitor/fmmeapmiaceajgihganackickhkomgla
Beschrijving	ReactMonitor Quickly visualize React's component tree performance for improved onboarding and debugging What does it do By using…
Bestandsgrootte	1.3 MB
Aantal Installaties	138
Huidige Versie	0.0.0.1
Laatst Bijgewerkt	2020-06-19
Publicatiedatum	2020-06-19
Ontwikkelaar	reactmonitorfiber
E-mail	[email protected]
Betalingswijze	free
Ondersteunde Talen	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "React Monitor", "version": "0.0.0.1", "devtools_page": "devtools.html", "permissions": [ "activeTab", "contextMenus", "" ], "content_scripts": [ { "matches": [ "" ], "js": [ "contentScript.js" ] } ], "background": { "scripts": [ "backgroundScript.js" ], "persistent": false }, "icons": { "16": ".\/assets\/rm-icon16.png", "48": ".\/assets\/rm-icon-48.png", "128": ".\/assets\/rm-icon-128.png" }, "externally_connectable": { "ids": [ "*" ] }, "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'" }