React Sight 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
React Sight 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
React Sight 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !

软件简介

React Sight 是 React 应用的组件层次树的实时视图,以 Chrome 插件形式发布,支持 React Router 和 Redux,现在支持Firefox。

设置 | 从 Chrome 商店安装

  1. 确保您已将React Dev Tools添加到 Chrome。
  2. 从 Chrome 网上商店安装React Sight
  3. 如果您正在运行本地文件 URL,请确保在 React Dev Tools 和 React Sight 的扩展设置中启用“允许访问文件 URL”
  4. 运行你的 React 应用程序,或者打开任何运行 React 的网站!
  5. 打开 Chrome 开发者工具 (cmd+opt+j) -> React Sight 面板

用法

将鼠标悬停在节点上,在侧面板中查看它们的状态和道具。

使用内置过滤器隐藏 DOM 元素、Redux 组件和路由器组件,可以只关注自己编写的组件

通过双击放大,通过 shift + 双击缩小(鼠标滚轮缩放即将推出!)

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2020/08/19 11:03

Deep Non-Line-of-Sight Reconstruction:深度非视域重建

点击上方“视学算法”,选择“星标” 干货第一时间送达 作者:坐化 | 来源:知乎 https://zhuanlan.zhihu.com/p/157348690 本文仅做学术分享,如有侵权,请联系删除。 英文论文信息 J. G. Chopite, M. B. Hullin, M. Wand, and J. Iseringhausen, “Deep Non-Line-of-Sight Reconstruction,” in Proceedings of the IEEE Conference on Computer Vision and Pattern Recognition, 2020, pp. 960-969. 摘要:近年来,人们对超视...

0
0
发表了博客
2020/08/20 15:27

Deep Non-Line-of-Sight Reconstruction:深度非视域重建

点击上方“3D视觉工坊”,选择“星标” 干货第一时间送达 作者:坐化 | 来源:知乎 https://zhuanlan.zhihu.com/p/157348690 本文仅做学术分享,如有侵权,请联系删除。 英文论文信息 J. G. Chopite, M. B. Hullin, M. Wand, and J. Iseringhausen, “Deep Non-Line-of-Sight Reconstruction,” in Proceedings of the IEEE Conference on Computer Vision and Pattern Recognition, 2020, pp. 960-969. 摘要:近年来,人们对超...

0
0
2019/01/18 17:10

Pixel 3 Night Sight是亮点!迭图技法成为了关键

夜拍是网络大厂 Pixel 3的亮点功能之一,可以让使用者不需要脚架或闪光灯,就能在低光源的环境下拍出清晰亮丽的照片,但是在光线不足的情况下拍照却有着许多挑战,这边我们就会从摄影的角度出发,探讨夜拍的困难之处,以及Pixel 3如何解决问题,改善夜拍效果。 神夜拍让黑夜变白昼 网络大厂长期投入许多心力研发图像处理技术,Pixel 3也实装许多强化摄影、拍照的功能,笔者先前也曾撰文介绍,读者可以参考这篇文章快速了解Pixel...

0
0
发表了博客
2020/05/09 15:07

React Native和React之间有什么区别? - What is the difference between React Native and React?

问题: I have started to learn React out of curiosity and wanted to know the difference between React and React Native - though could not find a satisfactory answer using Google. 我已经出于好奇而开始学习React ,并想知道React和React Native之间的区别-尽管使用Google找不到满意的答案。 React and React Native seems to have the same format. React和React Native似乎具有相同的格式。 Do they have complet...

0
0
发表了博客
2020/07/14 15:31

React Native和React之间有什么区别? - What is the difference between React Native and React?

问题: I have started to learn React out of curiosity and wanted to know the difference between React and React Native - though could not find a satisfactory answer using Google. 我已经出于好奇而开始学习React ,并想知道React和React Native之间的区别-尽管使用Google找不到满意的答案。 React and React Native seems to have the same format. React和React Native似乎具有相同的格式。 Do they have complet...

0
0
发表了博客
2019/05/24 18:07

React -- 脚手架书写react

一、脚手架工具 react也有很多脚手架工具,通过脚手架工具可以快速搭建一个项目应用。 官方推荐脚手架 如果你是在学习 React 或创建一个新的单页应用 Create React App 如果你是在用 Node.js 构建服务端渲染的网站 Next.js 如果你是在构建面向内容的静态网站 Gatsby 二、create-react-app 安装 npx create-react-app react-project 注意是npx,不是npm 安装创建好项目之后,切换到项目就可以运行项目了 运行 cd react-project...

0
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
0 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部