Co je Realize for React?

Realize for React je rozšíření Chrome vyvinuté Realize for React, a jeho hlavní funkcí je „A React component tree visualizer“.

Snímky obrazovky rozšíření

Stáhnout soubor CRX rozšíření Realize for React

Stáhněte si soubory rozšíření Realize for React ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

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

Základní Informace o Rozšíření

Název	Realize for React
ID	llondniabnmnappjekpflmgcikaiilmh
Oficiální URL	https://chromewebstore.google.com/detail/realize-for-react/llondniabnmnappjekpflmgcikaiilmh
Popis	A React component tree visualizer
Velikost souboru	160 KB
Počet instalací	5,086
Aktuální Verze	1.0.0.0
Poslední Aktualizace	2020-06-20
Datum Vydání	2020-06-20
Hodnocení	1.88/5 Celkem 8 Hodnocení
Vývojář	Realize for React
E-mail	[email protected]
Typ Platby	free
Webové stránky Rozšíření	http://www.realizeforreact.com
URL Stránky Nápovědy	http://www.realizeforreact.com
Podporované Jazyky	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" }