Realize for React
Realize for React
(8 人评分) |5,000+ 位用户 | 来自
商店
|

概述
翻译

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

来自商店的评价 (0)

尚无人评价此扩展,查看 所有语言

留言

支持浏览器

适用于以下浏览器

其他信息

文件类型
crx
版本
1.0.0.0 已同步至最新
更新日期
2020年6月20日 3年前
大小
160KiB
Manifest 版本
2
语言
查看全部1种支持的语言
权限
所属类别
开发者