Como usar a React Developer Tools no Chrome!

Published: 19 July 2024
on channel: 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

On this page of the site you can watch the video online Como usar a React Developer Tools no Chrome! with a duration of hours minute second in good quality, which was uploaded by the user Fernando Belotto 19 July 2024, share the link with friends and acquaintances, this video has already been watched 3,195 times on youtube and it was liked by 174 viewers. Enjoy your viewing!

8,037

129