Realize for React1.0.0.0
React 组件树可视化工具随着 React 应用程序的扩展，跟踪状态并全面了解组件层次结构变得更加困难。 Realize 是一种帮助开发人员可视化其 React 应用程序的结构和状态流的工具，尤其是当它们的规模和复杂性不断增长时。它目前支持 React v.16.8。先决条件1. 您必须安装 React Dev
官方版无广告13
更新日期：2021年 8月 29日分类标签：开发语言：中文平台：
160KB 0 人已下载 手机查看
![Realize for React的使用截图[1]](https://cdn1.nanbk.com/file/crx_detail85536/030mhpcc30q51.jpg)
简介:
React 组件树可视化工具随着 React 应用程序的扩展，跟踪状态并全面了解组件层次结构变得更加困难。 Realize 是一种帮助开发人员可视化其 React 应用程序的结构和状态流的工具，尤其是当它们的规模和复杂性不断增长时。它目前支持 React v.16.8。先决条件1. 您必须安装 React Dev Tools 才能使用 Realize for React。从 Chrome 商店安装2. Realize 最好用于未部署的应用程序。这种对已部署网站的丑化使得组件结构 ptty 不可读。如何使用1. 单击蓝色的“添加到 Chrome”按钮2. 安装后，导航到您的 React 网站3.打开开发工具窗口并点击Realize面板4. 触发状态更改以填充组件树功能： - 利用搜索栏搜索树中存在的任何组件。 - 单击节点组件将在右侧面板中显示有关状态、子项、道具和挂钩的信息。 - 您可以通过按住 shift 和拖动/滚动来缩放和平移树- 单击“状态”按钮可通过组件树查看状态流
相关资源
Increase Screen Brightness
帮助我们提高视频流媒体网站的屏幕亮度，例如 Netflix、Prime、Hotstar、Wn、Flue 和 All一个简单的应用程序将帮助您提高屏幕亮度！在 Netflix、Prime、Flue、WN、Hotstar 等等上效果更好！！该扩展程序由 Tec Robust 开发！
SNOW screenshot extension
此扩展允许用户截取页面的屏幕截图并将其存储在适当的谷歌驱动器位置Snow 截图上传扩展需要制作当前页面的截图并将其上传到 Google 驱动器上的特定文件夹。该扩展还允许在上传前选择目录。 v 0.0.8 中的新功能： - 使用新样式更新了 UI - 固定图标路径- 更新以支持 Manifest V3 - 在设置
OctoLinker
OctoLinker – 链接在一起，属于一起的东西。 OctoLinker——GitHub 的浏览器扩展使用 OctoLinker 高效地浏览 GitHub.com 上的项目。 OctoLinker 将特定于语言的语句（如 include require 或 import）转换为链接。特征相关文件只需单击一下，
LWC ShadowPath Generator
为 LWC 合成 ShadowDOM 生成 JS 选择器路径。 Chrome 扩展为我们的 LWC 组件的 Synthetic Shadow DOM 封装的元素生成选择器路径。试图重现 Chrome 为原生 Shadow DOM 提供的 Copy > Copy JS Path 的功能使用： 1. 检查任何元素以打
Salesforce Advanced Resource Searcher
任何 Salesforce 组织中的快速搜索资源
React Quantum
React Quantum 解析您的 React 应用程序以创建其组件层次结构的颜色编码树模型。在悬停时，每个… React Quantum 解析您的 React 应用程序以创建其组件层次结构的颜色编码树模型。在悬停时，每个树节点将显示两个关键组件性能指标——渲染时间和重新渲染频率——以及记忆状态和道具，以指示具
暂无评论...