Realize for React

A React component tree visualizer

Qu'est-ce que Realize for React ?

Realize for React est une extension Chrome développée par Realize for React, et sa fonction principale est "A React component tree visualizer".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension Realize for React

Téléchargez les fichiers d'extension Realize for React au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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                    

Informations de Base sur l'Extension

Nom Realize for React Realize for React
ID llondniabnmnappjekpflmgcikaiilmh
URL Officiel https://chromewebstore.google.com/detail/realize-for-react/llondniabnmnappjekpflmgcikaiilmh
Description A React component tree visualizer
Taille du Fichier 160 KB
Nombre d'Installations 5,086
Version Actuelle 1.0.0.0
Dernière Mise à Jour 2020-06-20
Date de Publication 2020-06-20
Évaluation 1.88/5 Total 8 Évaluations
Développeur Realize for React
Email [email protected]
Type de Paiement free
Site Web de l'Extension http://www.realizeforreact.com
URL de la Page d'Aide http://www.realizeforreact.com
Langues Prises en Charge 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"
}