6 ERROS DE INICIANTE EM REACT JS QUE PODEM FERRAR SEU PROJETO!
Вставка
- Опубліковано 21 тра 2024
- Aprenda a corrigir problemas comuns que iniciantes tem ao utilizar o React JS de forma errada!
🔵 Curso completo de React: app.horadecodar.com.br/course...
🔴 Curso completo de React + TS: app.horadecodar.com.br/course...
👉 Ebook gratuito de React: app.horadecodar.com.br/ebookp...
Entre no nosso servidor de Discord e me siga nas redes:
🟣 Discord Hora de Codar: / discord
🔴 Instagram: / horadecodar
🔷 Telegram: t.me/horadecodar
Você está começando com React JS? Então este vídeo é essencial para você! Hoje, vamos explorar 6 ERROS COMUNS que iniciantes cometem em React JS e que podem comprometer seriamente o seu projeto. Desde práticas ruins de modularização até o uso incorreto do useEffect, vamos abordar cada um desses erros e mostrar como evitá-los.
🔍 O que você vai aprender:
Erro #1: Não modularizar o código - Saiba a importância de separar seu código em componentes reutilizáveis para melhorar a manutenção e escalabilidade.
Erro #2: Estrutura de pastas desorganizada - Dicas para organizar suas pastas de forma eficiente, incluindo a criação de pastas para páginas, utilitários, hooks e componentes específicos de nicho.
Erro #3: Falta de uso de hooks personalizados - Aprenda a criar e utilizar hooks personalizados para otimizar seu código e evitar repetição desnecessária.
Erro #4: Não reestruturar as propriedades - Entenda como reestruturar as propriedades para facilitar o uso e leitura do código.
Erro #5: Manipulação ineficiente de valores indefinidos - Técnicas para lidar com valores indefinidos de forma eficiente e evitar erros inesperados.
Erro #6: Uso incorreto do useEffect - Saiba como utilizar corretamente o hook useEffect para evitar problemas de desempenho e bugs. - Наука та технологія
🔵 Curso completo de React: app.horadecodar.com.br/course/curso-react-js-completo
🔴 Curso completo de React + TS: app.horadecodar.com.br/course/curso-projetos-react-js
👉 Ebook gratuito de React: app.horadecodar.com.br/ebookpages/ebook-react-js-para-iniciantes
Matheusão! Aquele seu super mega curso de react com o projeto "Cost", teria como voce disponibilizar ele no seu github?? Cara, aquelas aulas são de imenso valor, estou vendo tudo novamente!
Desde já agradeço seu trabalho aqui no Ytube! abs
Salve Matheus. Cara, as dicas 3 e 5 eram justamente os pontos que eu mais sentia que precisava melhorar nos meus códigos. Estou na busca pelo meu primeiro emprego como Dev e com certeza essas dicas vão ajudar a dar um up nos projetos do meu portfólio. Obrigado demais 🙌
opa, boa Carlos! tomara q eu continue te ajudando
Joga a chamada assíncrona pra um hook, chama no componente desestruturando os atributos, passando o valor do id por propriedade. Elimina o useEffect e suas anomalias, e ainda pode suar React Query pra cachear o dado.
Isso parece interessante
se tiver no next só usar o swr que já funciona perfeitamente sem precisar baixar pacotes externos
ainda por cima já cria umas configs padrão com o axios p quando a api mudar não ser doloroso
Aprendi isso na prática com os projetos da empresa que trabalho, fazemos exatamente dessa maneira.
Valeu! Matheus, dicas relevantes, dignos de um mestre, didática - show!
opa, valeu meu brother! =D
Hahahahaahah 14:02… me identifiquei kkkkkk fato isso aí…
15:30 é oq mais uso kkkk
kkk boa Neder!
Estou no primeiro emprego como dev em uma empresa q começou agora um time de desenvolvimento, basicamente o time é eu no front e um dos sócios que não é dev mas manja de python no back. Estamos finalizando uma aplicação gigantesca e eu fiz no React. Como não tinha experiência e ninguém para me guiar eu fiz basicamente o sistema todo com componentes sem props, fiz vários contextos para não passar propriedades nenhuma nos componentes, 0 hooks customizados, e 0 componentes reaproveitados, basicamente cada componente foi um menu e tudo quase com 1000 linhas 😂 vendo esse vídeo senti vergonha mas agora não cometo mais esses erros
mas começar assim tb é um bom começo, sentir vergonha = saber um jeito melhor de fazer, ou seja, vc está evoluindo =)
Salve mano, sabe se não tão precisando de mais um dev front end não ? estou na busca da minha primeira oportunidade como dev
@@wesleyramos6813 Opa blz? Por enquanto não mano, vamos ter outros projetos assim que acabar e caso precise aumente o time eu mando aqui!
@@lhama-hm7vp blz mano, manda sim
Antes eu pensava que o Matheus e o Lucas Montano eram a mesma pessoa 😂
eita, aí tb nao ne xD
Curso tá barato, acho que vou começar próximo mês
opa, bora Jefferson!
Uma coisa q acontece as vezes é o useState ficar em loop infinito. Até sei como resolver, mas não sei se estou fazendo a melhor abordagem.
basicamente é entender o array de dependencias, ele é a chave para o useEffect certo
Curso de nextJS sai quando ??
opa, acho que junho teremos, to gravando ja =D
@@MatheusBattisti estou aguardando : )
No seu curso de react tem bastante projeto para ajudar afixar os conceitos aprendidos?
sim, temos o de React com 7 projetos, React com TS com 3, e o de projeetos que tem 24 hehe =)