ReactMonitor - 帮助开发人员调试和优化他们的 React 应用程序的应用程序
ReactMonitor 是一款帮助开发人员调试和优化其 React 应用程序的应用程序。
它可视化 React 组件树,以便可视化组件状态更改和 prop 更改。它通过用户浏览器和 React 服务器之间的 webSocket 连接来实现。这样,开发人员可以详细了解应用程序当前状态的整个树以及所做的所有更改。
ReactMonitor 将在客户端实时更新树.它还将树的状态保持为本地状态,以便在客户端可视化更改。
它是如何工作的?
当 ReactMonitor 启动时,ReactServer 和ReactDOMServer 都将启动,侦听端口 3000 上的连接。开发人员将能够使用 ReactServer 和 ReactDOMServer 来启动应用程序。然后,开发人员将能够控制应用程序以对其进行调试和优化。