Wat is Realize for React?

Realize for React is een Chrome-extensie ontwikkeld door Realize for React, en de belangrijkste functie is "A React component tree visualizer".

Extensie Screenshots

Download het CRX-bestand van de extensie Realize for React

Download Realize for React-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

As React applications scale, it becomes more difficult to track state and to have a holistic overview of the component hierarchy. Realize is a tool to help developers visualize the structure and state flow of their React applications, especially when they are growing in scale and complexity. It currently supports React v.16.8.

Prerequisites
1. You must have React Dev Tools installed to use Realize for React. Install it from the Chrome store
2. Realize is best used on non-deployed applications. This uglification of deployed websites makes the component structure pretty unreadable.

How to use
1. Click the blue 'Add to Chrome' button
2. Once installed, navigate to your React website
3. Open the dev tools window and click on the Realize panel
4. Trigger a state change to populate the component tree

Functionality:
- Utilize the search bar to search for any component that exists in the tree.
- Clicking a node component will display information about state, children, props, and hooks in the right hand panel.
- You can zoom and pan the tree by holding shift and dragging/scrolling
- Click the 'State' button to view the flow of state through the component tree

Basisinformatie over de Extensie

Naam	Realize for React
ID	llondniabnmnappjekpflmgcikaiilmh
Officiële URL	https://chromewebstore.google.com/detail/realize-for-react/llondniabnmnappjekpflmgcikaiilmh
Beschrijving	A React component tree visualizer
Bestandsgrootte	160 KB
Aantal Installaties	5,086
Huidige Versie	1.0.0.0
Laatst Bijgewerkt	2020-06-20
Publicatiedatum	2020-06-20
Beoordeling	1.88/5 Totaal 8 Beoordelingen
Ontwikkelaar	Realize for React
E-mail	[email protected]
Betalingswijze	free
Extensiewebsite	http://www.realizeforreact.com
Help Pagina-URL	http://www.realizeforreact.com
Ondersteunde Talen	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "Realize for React", "version": "1.0.0.0", "description": "A React component tree visualizer", "icons": { "16": "16.png", "32": "32.png", "48": "48.png", "128": "128.png" }, "permissions": [ "activeTab", "" ], "background": { "scripts": [ "background.js" ] }, "web_accessible_resources": [ "hook.js" ], "devtools_page": "devtools-root.html" }