¿Qué es Realize for React?

Realize for React es una extensión de Chrome desarrollada por Realize for React, y su función principal es "A React component tree visualizer".

Capturas de Pantalla de la Extensión

Descargar Archivo CRX de la Extensión Realize for React

Descarga archivos de extensión Realize for React en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

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

Información Básica de la Extensión

Nombre	Realize for React
ID	llondniabnmnappjekpflmgcikaiilmh
URL Oficial	https://chromewebstore.google.com/detail/realize-for-react/llondniabnmnappjekpflmgcikaiilmh
Descripción	A React component tree visualizer
Tamaño del Archivo	160 KB
Cantidad de Instalaciones	5,086
Versión Actual	1.0.0.0
Última Actualización	2020-06-20
Fecha de Publicación	2020-06-20
Calificación	1.88/5 Total de 8 Calificaciones
Desarrollador	Realize for React
Correo electrónico	[email protected]
Tipo de Pago	free
Sitio Web de la Extensión	http://www.realizeforreact.com
URL de la Página de Ayuda	http://www.realizeforreact.com
Idiomas Soportados	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" }