Realize for React

A React component tree visualizer

O que é Realize for React?

Realize for React é uma extensão do Chrome desenvolvida por Realize for React, e sua principal característica é "A React component tree visualizer".

Capturas de Tela da Extensão

screenshot

Baixar o arquivo CRX da Extensão Realize for React

Baixe arquivos de extensão Realize for React no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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                    

Informações Básicas da Extensão

Nome Realize for React Realize for React
ID llondniabnmnappjekpflmgcikaiilmh
URL Oficial https://chromewebstore.google.com/detail/realize-for-react/llondniabnmnappjekpflmgcikaiilmh
Descrição A React component tree visualizer
Tamanho do Arquivo 160 KB
Contagem de Instalações 5,086
Versão Atual 1.0.0.0
Última Atualização 2020-06-20
Data de Publicação 2020-06-20
Classificação 1.88/5 Total de 8 Avaliações
Desenvolvedor Realize for React
Email [email protected]
Tipo de Pagamento free
Site da Extensão http://www.realizeforreact.com
URL da Página de Ajuda http://www.realizeforreact.com
Idiomas Suportados 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"
}