Realize for React1.0.0.0
React 组件树可视化工具随着 React 应用程序的扩展,跟踪状态并全面了解组件层次结构变得更加困难。 Realize 是一种帮助开发人员可视化其 React 应用程序的结构和状态流的工具,尤其是当它们的规模和复杂性不断增长时。它目前支持 React v.16.8。先决条件1. 您必须安装 React Dev
官方版无广告12
更新日期:2021年 8月 29日分类标签:开发语言:中文平台:
160KB 0 人已下载 手机查看
简介:
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 和拖动/滚动来缩放和平移树- 单击“状态”按钮可通过组件树查看状态流
相关资源
Webp Converter: Jpg to Webp Converter Online
任何图像到 Webp 转换器工具在线Webp 转换器:JPG 到 Webp 在线转换器此 Chrome 扩展程序允许您将任何图像格式转换为 .webp 图像格式。使用此在线 webp 转换器工具可以转换 JPG、JPEG、PNG 和更多图像格式。它是互联网上最好的 JPG to webp 转换器工具。
Fast Mock
Tool for Front-end development engineer, which can fast creat mock!针对前端开发工程师的Mock工具,可以快速生成mock接口,轻量,操作简介。可以快速编辑mock url和数据,支持json格式。可以批量生成接口,拜托开发环境数据的限制。支持网站
Zoho Kanban Board
看板适用于 SMT Zoho 用户的看板
jironimo for JIRA
浏览器中的 Atlassian JIRA Agile。为热情的技术人员和产品所有者提供的可爱的开源扩展。浏览器中的 Atlassian JIRA Agile。支持不同的工作空间、多个帐户和时间跟踪。开源。 - JIRA Agile 附加组件是可选的,但首选。 - 默认热键:Windows:Alt + J; Mac
Domain Swap
切换域而不切换路径。 Domain Swap 是一个 Google Chrome 扩展程序,可让您更改活动选项卡的域,同时保持路径相同。这对于共享链接并需要在环境之间轻松切换的 Web 开发人员来说非常有用。
Stop Jump
通过javascript停止页面重定向和调试1. 这个扩展可以通过javascript location.href 或location.replace 来阻止页面重定向。 2.另外,你可以使用chrome developer来调试你的代码重定向到哪一行。
暂无评论...