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.

Пікірлер: 29

  • @MatheusBattisti
    @MatheusBattisti2 ай бұрын

    🔵 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
    @adrianorocha.dev172 ай бұрын

    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
    @alencarsoares79992 ай бұрын

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

  • @MatheusBattisti

    @MatheusBattisti

    2 ай бұрын

    opa, valeu meu brother! =D

  • @carlosleal4575
    @carlosleal45752 ай бұрын

    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

    @MatheusBattisti

    2 ай бұрын

    opa, boa Carlos! tomara q eu continue te ajudando

  • @risco_zero
    @risco_zero2 ай бұрын

    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

    @niltonmedeiros9313

    2 ай бұрын

    Isso parece interessante

  • @ustav_o

    @ustav_o

    2 ай бұрын

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

  • @ustav_o

    @ustav_o

    2 ай бұрын

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

  • @islangomes5977

    @islangomes5977

    2 ай бұрын

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

  • @nedersimoes
    @nedersimoes2 ай бұрын

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

  • @MatheusBattisti

    @MatheusBattisti

    2 ай бұрын

    kkk boa Neder!

  • @lhama-hm7vp
    @lhama-hm7vp2 ай бұрын

    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

    @MatheusBattisti

    2 ай бұрын

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

  • @wesleyramos6813

    @wesleyramos6813

    2 ай бұрын

    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

    @lhama-hm7vp

    2 ай бұрын

    @@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

    @wesleyramos6813

    2 ай бұрын

    @@lhama-hm7vp blz mano, manda sim

  • @jeffersonlima3786
    @jeffersonlima37862 ай бұрын

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

  • @MatheusBattisti

    @MatheusBattisti

    2 ай бұрын

    eita, aí tb nao ne xD

  • @phpedrassi
    @phpedrassi2 ай бұрын

    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

    @MatheusBattisti

    2 ай бұрын

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

  • @jeffersonlima3786
    @jeffersonlima37862 ай бұрын

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

  • @MatheusBattisti

    @MatheusBattisti

    2 ай бұрын

    opa, bora Jefferson!

  • @Thi_olvr
    @Thi_olvr2 ай бұрын

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

  • @MatheusBattisti

    @MatheusBattisti

    2 ай бұрын

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

  • @SrAdson-yi2cu
    @SrAdson-yi2cu2 ай бұрын

    Curso de nextJS sai quando ??

  • @MatheusBattisti

    @MatheusBattisti

    2 ай бұрын

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

  • @SrAdson-yi2cu

    @SrAdson-yi2cu

    2 ай бұрын

    @@MatheusBattisti estou aguardando : )

Келесі