Como usar a React Developer Tools no Chrome!

Veröffentlicht am: 19 Juli 2024
auf dem Kanal: Fernando Belotto

3,195

174

E aí, turma! No vídeo de hoje, vou te mostrar como usar a extensão React Developer Tools no Chrome e melhorar seu workflow como desenvolvedor React. Vem comigo!

📌 O que você vai aprender:
• Introdução à extensão React Developer Tools
• Como instalar e configurar a extensão no Chrome
• Como usar a extensão em uma aplicação React
• Ferramentas de debug e performance para componentes React

📝 Acompanhe o conteúdo do vídeo em nosso blog:
• https://app.fernandobelotto.com/blog/...

📰 Siga nosso newsletter para ficar sempre em dia com as novidades do mundo tech e dev:
• https://fernandobelotto.com/#newsletter

📺 𝗠𝗮𝗶𝘀 𝗖𝗼𝗻𝘁𝗲𝘂𝗱𝗼𝘀 𝗥𝗲𝗰𝗼𝗺𝗲𝗻𝗱𝗮𝗱𝗼𝘀:
•    • [DESATUALIZADO ] Como Configurar Tailwind ...
•    • Como usar componentes controlados e não co...

📬 𝗘𝗻𝘁𝗿𝗲 𝗻𝗮 𝗻𝗼𝘀𝘀𝗮 𝗰𝗼𝗺𝘂𝗻𝗶𝗱𝗮𝗱𝗲 𝗻𝗼 𝗗𝗶𝘀𝗰𝗼𝗿𝗱:   / discord

🤝 𝗖𝗼𝗻𝗲𝗰𝘁𝗲-𝘀𝗲 𝗰𝗼𝗺𝗶𝗴𝗼:
•   / fernandobelotto
•   / fernandobelotto
• https://linktr.ee/fernandobelotto
• https://github.com/fernandobelotto

Gostou do vídeo? Não se esqueça de deixar o seu like, compartilhar com seus amigos e se inscrever no canal para não perder nenhum conteúdo novo. Ative o sininho para receber notificações de novos vídeos! 🔔

Tem alguma dúvida ou sugestão? Deixe nos comentários ou entre em contato pelo Discord. Estou sempre disponível para ajudar!

__________________________________________________________________
📚 Capítulos do Vídeo:

00:00 Introdução - Visão geral do vídeo e da extensão.

00:04 Instalação e Configuração - Como instalar a extensão React Developer Tools no Chrome.

00:17 Primeiros Passos - Como começar a usar a extensão com uma aplicação React.

00:22 Componentes e Profiler - Como usar as abas Componentes e Profiler.

00:45 Criando um Projeto React - Exemplo prático de criação e uso de um projeto React simples.

01:50 Debug de Componentes - Inspecionando e debugando componentes com a extensão.

02:13 Renderização e Performance - Como analisar e melhorar a performance dos seus componentes.

03:38 Configurações Adicionais - Dicas de configurações úteis para melhorar seu workflow.

04:46 Conclusão - Recapitulando as funcionalidades e encerrando o vídeo.
__________________________________________________________________
🎬𝗣𝗥𝗢𝗗𝗨𝗭𝗜𝗗𝗢 𝗣𝗢𝗥:
• Fernando Belotto
• Studio Fourp
__________________________________________________________________
#desenvolvedores #desenvolvedorweb #programação #React #vite #reactdevelopment #reactdevelopertools #chrome #extensãogoogle #googlechrome #desenvolvedor #tutorial #frontend #debug

Auf dieser Seite können Sie das Online-Video Como usar a React Developer Tools no Chrome! mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Fernando Belotto 19 Juli 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 3,195 Mal angesehen und es wurde von 174 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

1,440