Realize for React

A React component tree visualizer

Realize for React là gì?

Realize for React là một tiện ích mở rộng Chrome được phát triển bởi Realize for React, và tính năng chính của nó là "A React component tree visualizer".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot

Tải xuống tệp CRX của tiện ích mở rộng Realize for React

Tải xuống các tệp mở rộng Realize for React dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Realize for React Realize for React
ID llondniabnmnappjekpflmgcikaiilmh
URL Chính Thức https://chromewebstore.google.com/detail/realize-for-react/llondniabnmnappjekpflmgcikaiilmh
Mô tả A React component tree visualizer
Kích Thước Tệp 160 KB
Số Lần Cài Đặt 5,086
Phiên Bản Hiện Tại 1.0.0.0
Cập Nhật Lần Cuối 2020-06-20
Ngày Phát Hành 2020-06-20
Đánh Giá 1.88/5 Tổng số 8 Đánh Giá
Nhà Phát Triển Realize for React
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng http://www.realizeforreact.com
URL Trang Trợ Giúp http://www.realizeforreact.com
Ngôn Ngữ Được Hỗ Trợ 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"
}