React Developer Tools - Nova extensão de guia para Chrome
A extensão React Developer Tools para Chrome permite que você visualize a árvore de componentes do elemento selecionado no navegador.
Alternativa mais recomendada
Inspecionando o código para um componente React, você pode fazer alterações e ver os resultados no navegador imediatamente.
Você pode adicionar vários elementos à árvore, para poder inspecionar a hierarquia de componentes para cada um deles separadamente.
Depois de terminar de editar um componente, você pode usar as trilhas de navegação para navegar pelos componentes pai do componente.
As ferramentas do desenvolvedor React para Chrome
strong> também é um criador de perfil que permite gravar informações de desempenho para um elemento selecionado e depois visualizar o desempenho gravado.
