ReactMonitor — приложение, которое помогает разработчикам отлаживать и оптимизировать свои приложения React
ReactMonitor – это приложение, которое помогает разработчикам отлаживать и оптимизировать свои приложения React.
Оно визуализирует дерево компонентов React, чтобы визуализировать изменения состояния компонентов и изменения свойств. Он делает это с помощью соединения webSocket между браузером пользователя и сервером React. Таким образом, разработчик может получить подробное представление всего дерева текущего состояния приложения и всех внесенных изменений.
ReactMonitor будет обновлять дерево на стороне клиента в режиме реального времени. . Он также сохранит состояние дерева как локальное состояние, чтобы визуализировать изменения на стороне клиента.
Как это работает?
При запуске ReactMonitor ReactServer и оба ReactDOMServer запустятся, прослушивая соединение через порт 3000. Разработчик сможет использовать ReactServer и ReactDOMServer для запуска приложения. После этого разработчик сможет управлять приложением, чтобы отлаживать и оптимизировать его.
