ReactMonitor - Um aplicativo que ajuda os desenvolvedores a depurar e otimizar seus aplicativos React
ReactMonitor é um aplicativo que ajuda os desenvolvedores a depurar e otimizar seus aplicativos React.
Ele visualiza a árvore de componentes do React para visualizar as alterações de estado do componente e as alterações de prop. Ele faz isso por meio de uma conexão webSocket entre o navegador do usuário e o servidor React. Dessa forma, o desenvolvedor pode obter uma visão detalhada de toda a árvore do estado atual do aplicativo e todas as alterações que foram feitas.
O ReactMonitor atualizará a árvore no lado do cliente em tempo real . Ele também manterá o estado da árvore como um estado local para visualizar as alterações no lado do cliente.
Como funciona?
Quando o ReactMonitor é iniciado, o ReactServer e o ReactDOMServer ambos iniciarão, escutando a conexão na porta 3000. O desenvolvedor poderá usar o ReactServer e o ReactDOMServer para iniciar a aplicação. O desenvolvedor poderá controlar o aplicativo para depurá-lo e otimizá-lo.
