Тёмный

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

Matheus Battisti - Hora de Codar
Подписаться 142 тыс.
Просмотров 3,4 тыс.
50% 1

Aprenda a corrigir problemas comuns que iniciantes tem ao utilizar o React JS de forma errada!
🔵 Curso completo de React: app.horadecoda...
🔴 Curso completo de React + TS: app.horadecoda...
👉 Ebook gratuito de React: app.horadecoda...
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.

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 31   
@MatheusBattisti
@MatheusBattisti 4 месяца назад
🔵 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
@alencarsoares7999
@alencarsoares7999 4 месяца назад
Valeu! Matheus, dicas relevantes, dignos de um mestre, didática - show!
@MatheusBattisti
@MatheusBattisti 4 месяца назад
opa, valeu meu brother! =D
@K11Camargo
@K11Camargo Месяц назад
Ótimo conteudo, Abraços do Senai Vicente Amato 😎😎😎😎
@developing01
@developing01 4 месяца назад
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
@carlosleal4575
@carlosleal4575 4 месяца назад
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 4 месяца назад
opa, boa Carlos! tomara q eu continue te ajudando
@risco_zero
@risco_zero 4 месяца назад
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 4 месяца назад
Isso parece interessante
@ustav_o
@ustav_o 4 месяца назад
se tiver no next só usar o swr que já funciona perfeitamente sem precisar baixar pacotes externos
@ustav_o
@ustav_o 4 месяца назад
ainda por cima já cria umas configs padrão com o axios p quando a api mudar não ser doloroso
@islangomes5977
@islangomes5977 4 месяца назад
Aprendi isso na prática com os projetos da empresa que trabalho, fazemos exatamente dessa maneira.
@bençãodiária-bd
@bençãodiária-bd 4 месяца назад
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 4 месяца назад
mas começar assim tb é um bom começo, sentir vergonha = saber um jeito melhor de fazer, ou seja, vc está evoluindo =)
@wesleyramos6813
@wesleyramos6813 4 месяца назад
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
@bençãodiária-bd
@bençãodiária-bd 4 месяца назад
@@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 4 месяца назад
@@bençãodiária-bd blz mano, manda sim
@nedersimoes
@nedersimoes 4 месяца назад
Hahahahaahah 14:02… me identifiquei kkkkkk fato isso aí… 15:30 é oq mais uso kkkk
@MatheusBattisti
@MatheusBattisti 4 месяца назад
kkk boa Neder!
@leonardoinhoqui
@leonardoinhoqui 29 дней назад
dicas muito boas.
@jeffersonlima3786
@jeffersonlima3786 4 месяца назад
Curso tá barato, acho que vou começar próximo mês
@MatheusBattisti
@MatheusBattisti 4 месяца назад
opa, bora Jefferson!
@jeffersonlima3786
@jeffersonlima3786 4 месяца назад
Antes eu pensava que o Matheus e o Lucas Montano eram a mesma pessoa 😂
@MatheusBattisti
@MatheusBattisti 4 месяца назад
eita, aí tb nao ne xD
@phpedrassi
@phpedrassi 4 месяца назад
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 4 месяца назад
basicamente é entender o array de dependencias, ele é a chave para o useEffect certo
@SrAdson-yi2cu
@SrAdson-yi2cu 4 месяца назад
Curso de nextJS sai quando ??
@MatheusBattisti
@MatheusBattisti 4 месяца назад
opa, acho que junho teremos, to gravando ja =D
@SrAdson-yi2cu
@SrAdson-yi2cu 4 месяца назад
@@MatheusBattisti estou aguardando : )
@Thi_olvr
@Thi_olvr 4 месяца назад
No seu curso de react tem bastante projeto para ajudar afixar os conceitos aprendidos?
@MatheusBattisti
@MatheusBattisti 4 месяца назад
sim, temos o de React com 7 projetos, React com TS com 3, e o de projeetos que tem 24 hehe =)
Далее
React.js para iniciantes | Aprenda do ZERO
30:33
Просмотров 8 тыс.
С какого года вы со мной?
00:13
Просмотров 100 тыс.
TEAM SPIRIT: НОВЫЙ СОСТАВ. SEASON 24-25
01:31
O ERRO mais comum no React (você já fez isso)
13:26
Просмотров 124 тыс.
Server Components Done Right! (New React Feature)
25:34
Compound Components in React (Design Patterns)
18:21
Просмотров 40 тыс.
С какого года вы со мной?
00:13
Просмотров 100 тыс.