Cos'è Realize for React?

Realize for React è un'estensione di Chrome sviluppata da Realize for React, e la sua funzione principale è "A React component tree visualizer".

Screenshot dell'Estensione

Scarica il file CRX dell'estensione Realize for React

Scarica i file di estensione Realize for React in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

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

Informazioni di Base sull'Estensione

Nome	Realize for React
ID	llondniabnmnappjekpflmgcikaiilmh
URL Ufficiale	https://chromewebstore.google.com/detail/realize-for-react/llondniabnmnappjekpflmgcikaiilmh
Descrizione	A React component tree visualizer
Dimensione del File	160 KB
Conteggio Installazioni	5,086
Versione Corrente	1.0.0.0
Ultimo Aggiornamento	2020-06-20
Data di Pubblicazione	2020-06-20
Valutazione	1.88/5 Totale 8 Valutazioni
Sviluppatore	Realize for React
Email	[email protected]
Tipo di Pagamento	free
Sito Web dell'Estensione	http://www.realizeforreact.com
URL della Pagina di Aiuto	http://www.realizeforreact.com
Lingue Supportate	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" }