反应时间 Chrome 使用 OffiDocs

商品描述

Reactime 在 2020 年 React 开源奖中被提名为 Productivity Booster 奖。请访问 https://www.

反应。

me/Reactime 是一个开源的 Chrome 开发者工具，用于在 React 应用程序中进行时间旅行调试和性能监控。

Reactime 使开发人员能够记录应用程序状态的快照、在状态快照之间跳转和检查状态快照，以及监控组件渲染时间和渲染频率等性能指标。

Reactime 18.0 引入了一系列新功能和改进功能，旨在提高性能并增强与 Next 的兼容性。

js 和 Remix 应用程序。

我们还修复了黑屏错误并优化了异步调用的内存使用。

按路线分类状态快照 Reactime 仪表板中的状态快照列表现在按路线分类，为开发人员提供快照-路线关系的视觉线索，并使各种路线的时间旅行调试更加容易。

按路由过滤性能指标 Reactime 仪表板包括一个堆叠条形图，显示每个组件的渲染时间，每个快照都有一个单独的条形图。

在 Reactime 14.0 中，现在可以按路线过滤此复合条形图，以允许开发人员按路线查看详细的性能数据。

特点： - React Router 兼容性 - 组件树可视化 - 记录应用程序状态快照 - 时间旅行调试 - 快照系列比较 - 组件渲染时间和频率 - 支持 Gatsby，下一步。

js and Remix - Beta Support for TypeScript - Tutorial Walkthrough Troubleshooting: 为什么 Reactime 告诉我没有找到 React 应用程序？ Reactime 最初使用来自 Chrome API 的开发工具全局钩子运行。

Chrome 需要时间来加载它。

尝试刷新您的应用程序几次，直到您看到 Reactime 正在运行。

出现黑屏而不是 Reactime 扩展。

尝试刷新您要测试的应用程序，并通过单击鼠标右键“重新加载框架”来刷新 DevTools。

我在 Reactime 中发现了一个错误。

Reactime 是一个开源项目，我们非常感谢您帮助改善用户体验。

请创建拉取请求（或问题）以提议和协作对存储库进行更改。

进一步阅读：https://medium。

com/@zdf2424/reactime-18-0-better-than-ever-148b81606257 https://medium.

com/better-programming/time-traveling-state-with-reactime-6-0-53fdc3ae2a20 https://medium.

com/@aquinojardim/react-fiber-reactime-4-0-f200f02e7fa8 https://medium.

com/@yujinkay/meet-reactime-a-time-traveling-state-debugger-for-react-24f0fce96802 https://itnext。

io/deep-in-the-weeds-with-reactime-concurrent-react-fiberroot-and-browser-history-caching-7ce9d7300abb https://rxlina。

介质。

com/time-traveling-through-react-state-with-reactime-9-0-371dbdc99319 https://medium。

com/@liuedar/what-time-is-it-reactime-fd7267b9eb89 https://medium。

com/@christinaor/uncovering-reactime-understanding-react-fibre-redux-compatibility-and-zoning-in-on-components-59f0758e0fa3

附加信息：

- 由 Reactime 提供
- 平均评分：4.7 星（很喜欢）
-开发人员 此邮件地址受spam bots保护。 您必须启用JavaScript才能查看。

反应时间网络 extension 与 OffiDocs 集成 Chromium 在线