Alternativa E - Permite depurar aplicativos por meio do próprio dispositivo móvel ou de sua interface gráfica, que é aberta após a inicialização da ferramenta.
React Developer Tools é uma extensão fundamental para o desenvolvimento em React e React Native. Ela funciona como um painel de inspeção que permite visualizar a hierarquia dos componentes em tempo real.
Por que esta é a resposta correta?
A alternativa E descreve com precisão a funcionalidade principal da ferramenta:
- Conexão direta: Ela se conecta ao aplicativo em execução (seja na web ou em um dispositivo móvel).
- Interface Gráfica: Ao ser iniciada, abre uma janela lateral ou separada onde o desenvolvedor vê a árvore de componentes.
- Debugging Móvel: É possível depurar o aplicativo rodando diretamente no celular ou tablet, conectando-se via USB ou rede local.
Análise das Alternativas
Para entender melhor, vamos analisar o erro nas outras opções:
- (A) Incorreta: O React Developer Tools não vem instalado por padrão. Ele deve ser baixado e configurado separadamente (como extensão do Chrome ou pacote npm).
- (B) Incorreta: A ferramenta mostra todos os componentes da árvore, incluindo os componentes nativos do React, não apenas os personalizados pelo desenvolvedor.
- (C) Parcialmente incorreta/Vaga: Embora possa ser usado junto com outros logs, a definição principal não depende de ferramentas de terceiros para analisar detalhes dos componentes; isso é função nativa da ferramenta.
- (D) Incorreta: Uma das maiores vantagens é justamente a capacidade de depurar no dispositivo móvel, permitindo testar performance e layout reais.
Resumo das Características
| Funcionalidade | Descrição |
|---|
| Inspeção | Visualiza a estrutura de componentes (Props, State, Hooks). |
| Performance | Identifica gargalos de renderização. |
| Ambiente | Suporta Web (extensão navegador) e Mobile (aplicativo standalone). |
Portanto, a alternativa E é a única que descreve corretamente o propósito e a operação do React Developer Tools.