Como usar a React Developer Tools no Chrome!
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
Sur cette page du site, vous pouvez voir la vidéo en ligne Como usar a React Developer Tools no Chrome! durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Fernando Belotto 19 juillet 2024, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 3,195 fois et il a aimé 174 téléspectateurs. Bon visionnage!
