6 ERROS DE INICIANTE EM REACT JS QUE PODEM FERRAR SEU PROJETO!

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.

[@MatheusBattisti]

🔵 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

[@adrianorocha.dev17]

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

[@alencarsoares7999]

Valeu! Matheus, dicas relevantes, dignos de um mestre, didática - show!

[@MatheusBattisti]

opa, valeu meu brother! =D

[@carlosleal4575]

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 🙌

[@MatheusBattisti]

opa, boa Carlos! tomara q eu continue te ajudando

[@risco_zero]

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.

[@niltonmedeiros9313]

Isso parece interessante

[@ustav_o]

se tiver no next só usar o swr que já funciona perfeitamente sem precisar baixar pacotes externos

[@ustav_o]

ainda por cima já cria umas configs padrão com o axios p quando a api mudar não ser doloroso

[@islangomes5977]

Aprendi isso na prática com os projetos da empresa que trabalho, fazemos exatamente dessa maneira.

[@nedersimoes]

Hahahahaahah 14:02… me identifiquei kkkkkk fato isso aí…
15:30 é oq mais uso kkkk

[@MatheusBattisti]

kkk boa Neder!

[@jeffersonlima3786]

Antes eu pensava que o Matheus e o Lucas Montano eram a mesma pessoa 😂

[@MatheusBattisti]

eita, aí tb nao ne xD

[@jeffersonlima3786]

Curso tá barato, acho que vou começar próximo mês

[@MatheusBattisti]

opa, bora Jefferson!

[@lhama-hm7vp]

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

[@MatheusBattisti]

mas começar assim tb é um bom começo, sentir vergonha = saber um jeito melhor de fazer, ou seja, vc está evoluindo =)

[@wesleyramos6813]

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

[@lhama-hm7vp]

@@wesleyramos6813 Opa blz? Por enquanto não mano, vamos ter outros projetos assim que acabar e caso precise aumente o time eu mando aqui!

[@wesleyramos6813]

@@lhama-hm7vp blz mano, manda sim

[@phpedrassi]

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.

[@MatheusBattisti]

basicamente é entender o array de dependencias, ele é a chave para o useEffect certo

[@Thi_olvr]

No seu curso de react tem bastante projeto para ajudar afixar os conceitos aprendidos?

[@MatheusBattisti]

sim, temos o de React com 7 projetos, React com TS com 3, e o de projeetos que tem 24 hehe =)

[@SrAdson-yi2cu]

Curso de nextJS sai quando ??

[@MatheusBattisti]

opa, acho que junho teremos, to gravando ja =D

[@SrAdson-yi2cu]

@@MatheusBattisti estou aguardando : )