React Quantum crx插件

上传：PanYHHH 浏览： 17 推荐： 0 文件：CRX 大小：829.1KB 上传时间：2021-05-01 12:08:10 版权申诉

React Quantum通过您的React应用程序进行解析,以创建其组件层次结构的颜色编码树模型悬停时,每个... React Quantum通过您的React应用程序进行解析,以创建其组件层次结构的颜色编码树模型。悬停时,每个树节点将显示两个关键组件性能指标-渲染时间和重新渲染频率-以及记住的状态和道具,以指示具体启动了渲染的内容。美观之处在于热图:节点将根据组件的渲染性能改变颜色,从而一目了然地轻松确定可能的瓶颈。 :fire:工作原理*请注意*-React Quantum利用React Devtool提取有关您的React App的信息。 -在使用React Quantum之前,请确保您的项目在React 16.0+上运行,并且已经安装了React Devtool。 -由于捆绑过程中组件名称的最小化,React Quantum最适合在开发模式下捆绑的项目。 1.在使用React的任何页面上打开Chrome Developer Tools(检查),然后单击Developer Tools面板顶部的React Quantum。按下“启动Quantum”后,一个持久连接将打开并存储在后台页面上。 2.刷新页面或设置状态以触发重新渲染。当用户与React应用程序交互时,“突变观察者”侦听DOM的更改,并触发脚本注入以提取和解析页面的纤维树。 3.将鼠标悬停在节点上可以查看诸如组件名称,类型,提交频率,渲染时间,当前状态和属性之类的信息。 4. React Quantum开箱即用的热图值运行,但是用户可以选择在树的顶部输入百分比来自定义热图。支持语言:English

上传资源

Realize for React crx插件

语言:English (United States) 一个React组件树可视化器随着React应用程序的扩展,跟踪状态和全面了解组件层次结构变得更加困难。 Realize是一种工具,可帮助开发人员

2021-04-08 13:13

Extract to React crx插件

Chrome / Chromium扩展程序,可以轻松地将HTML转换为React。将任何网站任何部分的所有HTML和CSS直接提取到随时可用的React组件中! ----#用法-快速入门:检查页面&

2021-04-19 16:42

Heart React for Messenger crx插件

语言:English 将:red_heart:心脏:red_heart:React添加到Facebook Messenger响应中由于Facebook现在已经删除了Heart EyesReact并用

2021-04-27 13:03

Is it React Europe yet crx插件

2021-04-27 13:36

react3.2.1.crx chrome插件

react-3.2.1.crxchrome插件react-3.2.1.crxchrome插件

2019-09-04 06:46

react chrome extension demo crx插件

测试react-chrome-extension-demo 测试react-chrome-extension-demo 支持语言:中文 (简体)

2021-04-04 13:41

React Stores Devtools Extension crx插件

语言:English 使用chrome devtools扩展来调试React商店的更好经验使用chrome devtools扩展程序调试您的React商店。 -:magnifying_glass_t

2021-04-18 02:32

Demo React Chrome extension crx插件

语言:English (United States) 该扩展程序展示了如何将React应用程序作为Chrome扩展程序运行

2021-04-19 05:20

反应SIGHT React Sight crx插件

扩展开发工具,添加一个显示React Component Hierarchy的边栏。显示React应用程序的组件层次结构的Chrome开发人员工具 - 适用于您自己的项目以及学习组织结构自己的方式。

2021-04-19 16:42

Anima Figma to code React HTML crx插件

语言:English (United States) 将Figma设计转换为对开发人员友好的React代码! 嘿,忙着开发人员! :waving_hand:用于Figma的Anima Chrome扩展

2021-04-25 07:28

Demo React Chrome扩展Demo React Chrome extension crx插件

此扩展程序显示了如何以Chrome扩展程序的形式运行React应用程序支持语言:English (United States)

2021-04-04 13:42

React Europe还没有Is it React Europe yet crx插件

支持语言:English

2021-04-27 13:36

React Emoji GIFs Filters for Google Meet crx插件

语言:English,español,português (Brasil),português (Portugal) 在Google Meet或环聊视频通话中使用表情符号,GIF和视频过滤器。在Go

2021-04-26 11:43

反应性能Devtool React Performance Devtool crx插件

用于检查React组件性能的devtool扩展。用于检查React组件性能的Chrome devtool扩展。支持语言:English

2021-04-25 09:20

JSON查看器反应JSON Viewer React crx插件

使用ReactJS构建的JSON查看器。查看悬停时的完整JSON路径,复制完整路径或路径值,并切换所有对象的折叠。支持语言:English

2021-05-01 12:08