Inspetor de reação em Chrome com OffiDocs

DESCRIÇÃO

Detecte facilmente o código-fonte dos componentes React do Chrome! ■Requisitos ・Ferramentas de desenvolvedor React instaladas ・Funciona apenas com compilações de desenvolvimento.

・O código-fonte deve ser armazenado no disco local ■Como funciona O React Inspector acessa o __REACT_DEVTOOLS_GLOBAL_HOOK__ definido globalmente pelo React Devtools e encontra o React Fiber no elemento HTML sobre o qual o inspetor passou o mouse.

O React Fiber contém informações sobre o código-fonte que será adicionado durante o desenvolvimento, portanto usamos essas informações para abrir o editor.

Detalhe: https://dev.

para/handdot/published-chrome-extension-for-streamlined-react-development-23b ■Opções É possível alterar o ‘Abrir no URL do Editor’ na página de opções da extensão para que você possa abri-la em um editor diferente do VSCode.

■Código Fonte Esta extensão é de código aberto.

para que você possa acessar em https://github.

com/hand-dot/react-inspector.

Se você encontrar um bug, reporte-o via Github!

Informação adicional:

- Oferecido por ponto manual
- Avaliação média: 5 estrelas (adorei)
- Desenvolvedor Este endereço de e-mail está protegido contra spambots. Você deve habilitar o JavaScript para visualizá-lo.

Web do Inspetor React extension integrado com o OffiDocs Chromium online