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
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 |
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 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", " |