React Hooks: Aprenda os MAIS IMPORTANTES em 50 Minutos!
Вставка
- Опубліковано 30 лип 2024
- 🚀 Bora desenvolver um CLONE DO IFOOD em 5 aulas gratuitas? Toca no link e participe comigo! swiy.co/yt-c-fsw4
Neste vídeo vamos aprender todos os Hooks mais importantes do React!
Código: github.com/felipemotarocha/re...
--------------------------
PARTICIPE DA NOSSA COMUNIDADE NO DISCORD:
/ discord
SIGA-NOS NO INSTAGRAM:
/ byfeliperocha
RECEBA DICAS NO TELEGRAM:
t.me/dicasparadevs
--------------------------
ASSISTA AOS MELHORES VÍDEOS DO CANAL:
▸ CURSO DE REACT PARA COMPLETOS INICIANTES
• Curso de React Para Co...
▸ CRIE UMA CALCULADORA COM HTML, CSS & JAVASCRIPT
• Crie Uma CALCULADORA c...
▸CRIE UMA LISTA DE TAREFAS COM HTML, CSS & JAVASCRIPT
• Crie Uma LISTA DE TARE...
▸CURSO DE HTML PARA COMPLETOS INICIANTES
• Curso de HTML Para Com...
▸CURSO DE CSS PARA COMPLETOS INICIANTES
• Curso de CSS Para Comp...
--------------------------
REDES SOCIAIS
GitHub: github.com/felipemotarocha
Nosso site: dicasparadevs.com.br
--------------------------
TIMESTAMPS:
00:00 - Introdução
00:49 - useState
07:48 - useEffect
16:38 - useRef
23:23 - useReducer
34:42 - useContext
38:26 - useMemo
42:40 - useCallback
49:03 - useLayoutEffect
52:29 - Conclusão - Наука та технологія
Se você é iniciante(como eu sou), a dica é: ASSISTA EM 0.75X xD
Fui olhar na velocidade do meu áudio e achei que tava em 1.5 mas tava no normal ehuehuehuehueh
Conteúdo muito top mano. Tava com dúvida principalmente do useReducer e o useContext e você me salvou com tua didática. Abração e parabéns!
Tambem fiz o mesmo...e ficar a pensar, porque tanta correrria? kkk
tem que escutar em 0.75x hauihauihai
tbm kkk
Tambei pensei isso kkkkkkk
Apesar de já conhecer todos estes hooks, foi o melhor video explicativo sobre os hooks mais utilizados do react que já assisti. Parabéns Felipe, brçs!
Muito bom o vídeo!
Pra quem achou que ele falou rápido, é só colocar na velocidade 0.75 aqui no UA-cam fica perfeito 😊
valeu hehehe
Tô em 2x, bom demais
Estou começando no React, tenho histórico com Angular e Vue, mas estava com dificuldade de assimilar esse conceitos dos hooks. Esse teu vídeo foi fundamental, parabéns pelo (muito) trabalho de fazer essa aula.
cara é muito bom quando um cara faz um vídeo que sai um pouco do abstrato e coloca na pratica, parabéns pela forma de ensinar meu bom, voce é realmente sinistro.
Sou iniciante em React e achei EXCELENTE o seu vídeo. Me tirou muitas dúvidas sobre os principais hooks.
Obrigado por dividir o seu conhecimento conosco.
Inscrito.
Foi o melhor que encontrei, direto ao ponto e didático simples e objetiva
Eraa esse video que eu precisava mano, estou aprendendo react, ótimo video, Parabéns
muito bom, já tô upado no react. se vc aceita sugestões, eu diria q vc deveria fazer mais um episódio de css e dessa vez ensinar a usar keyframes e animações
Conteúdo muito bom! e o que eu mais gosto é que você faz de uma forma intensiva, parabéns pelo trabalho!
É o melhor vídeo sobre hooks que já vi, me ajudou muito!
Muito obrigado por esse conteúdo! Objetivo, direto ao ponto, exatamente como eu estava precisando. 👏👏
Me ajudou muito! Prático, direto e muito claro.
Muito obrigada!
E hoje, sem enrolação, um conteúdo foda!
Mano que massa ! Parabéns pelo conteúdo, muito bem explicado, tantos itens em um vídeo só, muito muito bom mesmo, entregou muito valor, obrigado !
cara, que explicação clara e objetiva!!! parabéns!!!
Cara, muito obrigado, obrigado mesmo, faz algumas semanas que comecei a estudar react e não tinha entendido muito bem os hooks, graças a você, deu um boom na minha mente. Valeu...
Ótimo vídeo. Exemplos bem esclarecedores. Sugestão é você trabalhar mais a velocidade na sua fala. Lembra que seu público na sua grande maioria está buscando aprendizado e se você trabalhar a velocidade como você fala vai ficar perfeito
Cara, seu conteúdo é sempre muito rico em informações, muito obrigado mesmo
Parabéns pelo resumo de Hooks e exemplos me ajudou bastante!
Esclarecedor 👏🏽👏🏽👏🏽
Maluco, q canal bom! explicação clara, simples e direto. bom demais!
50 minutos de muito conteúdo. 👏
Parabéns, ganhou um inscrito pela qualidade do conteúdo e ensino sem enrolação.
Sou iniciante, mas com dedicação alcançarei o meu objetivo. A explicação é muito boa.
Mais uma Felipe! Show de sempre! Valeu mesmo!
Muito bom o conteúdo, parabéns!
Muito bom seu resumo, muito obrigado!!!
Gostei demais da aula! Obrigado por passar seus conhecimentos gratuitamente através do youtube!
Que aula sensacional... ta de parabens. Me ajudou demais. Merece minha inscrição e o like
Para poder simular o componentwillunmount, você pode ir no devtools e ativar a função de preservar o log no navegador.
Tu é embaçado mano. bom demais
Vc é muito necessário, cara.
que conteúdo excelente, parabéns mano!!!! \'o'/ já salvei na minha playlist, me ajudou muito, consegui aprender e já sair usando ahaha \'o'/
Grande Lipão. Parabéns meu, teus conteúdos e tua didática são sensacionais.
Vou deixar uma dica aqui para vídeos futuros para o caso em que não tenha pensado sobre. Esse vídeo em questão a fala ficou bem rápida, o que de certa forma não chega a ser um problema pois podemos reduzir a velocidade ou até mesmo assistir mais vezes. Agora teve uma coisa que foi bem difícil de acompanhar nesse vídeo, que foi onde você estava clicando com o mouse. De repente nós próximos ou em ao menos um dos próximos, você poderia utilizar aquela "bolinha amarela" que aparece em volta do mouse quando se clica em algo, ou algo que destaque mais a tua seta do mouse.
Valeu!!!!!!!!!!
Conteúdo muito bom fera!!!
Parabéns, didática muito boa e conteúdo excelente! 🎉
Ganhou um escrito.
muito bom o conteúdo, ajudou demais meu amigo!
Que didatica tooop meu amigo!
Excelente vídeo, parabéns.
Caramba, muito show
Muito bom, Felipeee!!!
Cara você ganhou mais um inscrito. Parabéns pelo vídeo super didático.
Conteúdo top mano!!!
Eu tô aprendendo React, teve muitas coisas que eu sacava fácil fácil, mas algumas coisas eu ficava completamente perdido. Principalmente por não saber exatamente o que alguma palavra chave faz, como nas dezenas de ".algumacoisa", eu ficava "mas q pohha é essa?" Kkk😅 tô aqui com pesquisando tudo e revendo o vídeo kkkkkkkk aula é muito boa! tem de ter um raciocínio apurado em alguns momentos, para ele já é fácil pela pratica. Pra gente que tá começando, é fácil se perder na explicação.
Muito bom, valeu!
Cara, muito massa.
cara, muito obrigado
16:00 - pode usar o preserve console nas configs do dev tools
Que vídeo boa.
Parabéns!!!
Sobre o "useRef" talvez tenha ficado confuso para mais alguém. Porque o react renderiza o estado anterior do component - Ex. teste = test, mas exibe o número de renderizações real, mesmo que a lógica de ambos seja a mesma - encapsular a alteração dentro de um useEffect. Pesquisei e pude fazer as seguintes anotações que esclareçam tudo:
1 - A função passada para useEffect será executada depois que a renderização
do componente estiver disponível na tela.
2 - Caso não seja informado o array de dependências, o useEffect executa a cada renderização do componente.
Assim que a tela é aberta, o contador de renderizações já é incrementado, só não aparece "1" na tela por que primeiro é renderizado o component depois executado o useEffect. O valor antes do useEffect incrementar é zero. Na próxima renderização, o valor retornado no component é 1, mas assim que useEffect executar, será 2. O próximo número já está salvo, só não é exibido.
Muito bom!
No minuto 30 sobre o useRef guardar o valor antigo do state ,no caso o valor da ref ainda é o mesmo com a diferença que ainda nao foi renderizado em tela, certo?
Conteúdo muito bom!!
Cara. Tu tem uma didática incrível !
Ele acelera o vídeo dele em 2x. Me recuso a acreditar que ele fala nessa velocidade.
Eu já conheço todos os hooks mas mesmo assim abri o vídeo (ótimo, digasse de passagem), daí minha cabeça compilando vários erros de TS durante o code kkkkk mano, a diferença entre JS e TS é enorme mesmo
Muito bom o conteúdo
Top!
Muito bom
q video maravilhoso
Conteúdo incrível! Assisti no 0.75 pra entender melhor kk
O exemplo do useCallback é praticamente o mesmo do useEffect, tirando que o do useCallback tem um input. Por que usar o useCallback se dá pra fazer o mesmo com o useEffect?
obrigado
Bom trabalho
Conteúdo otimo
Show
Fala Bro! Faz mais vídeos daora seu canal e mostra bastante coisa os outros mais ficam de historinha kkkk E mano faz um Tour pelo seu setup quero ver seus equipamentos e como está montando… o que acha importante ter etc etc Nois mlkao!
Muito f0d@ o conteúdo!!!!
amigo poderia fazer um vídeo sobre component life cycle?
Felipe, monstro!!!!
Valew mano!
God bless!
Salve mano, eu percebi que quando vc esta mexendo na função uma linha amarela mostra onde ela termina (ex 2:54) como faz isso?
mora da historia do usecallback kkk é quando colocar varias funções passando por props, e colocar um input kkk e um console.log kkk e ver se ta renderizando
Vídeo sobre como você estuda programação por favor !!!!!!!!!!!!!!!!
Ele fala nesse vídeo aqui: ua-cam.com/video/6IUivbVNDy0/v-deo.html
Asmeiiiiii!
UseMemo e UseCallback são os hooks mais gostosinhos de usar, muito fácil.
Qual a diferença do useEffect, useMemo e useCallback? Para mim pareceu tudo a mesmo coisa, exceto a questão de que o useEffect não mantem nada na memoria ksksk
Eu tenho duas dúvidas.
O Redux não é a junção do useContext e o useReducer ?!?!?!?
E caso queira usar o useContext e o Redux, qual deve ser o pai e o filho?
Eminem da programação 🫡
excelente aula, porém eu tiver que assistir essa aula para começar a entender a aula de ReactJs para iniciantes.
Conteúdo prime
Mn tu parece o Adam TV.
Mano, me explica uma coisa q até agora eu n entendi, normalmente eu vejo em projetos uma pasta chamada "hooks", oq é essa pasta e para q serve?
abre e vê, ué kkkkkkkk
Hooks personalisados, ou seja, que você mesmo cria.
Continuo não entendendo nada de useReducer.
" text-decoration: 'lie-througnh' "
- poxa bixo, deu erro :(
Quem que usa useMemo em pleno 2022?
Rapaz eu tive q assistir o vídeo em 0.75x kkk
*_Mano esse useReducer é coisa do capeta_*
Espero nunca usar
aula excelente, mas pra um junior escutar vc falando nessa rapidez e compreender tudo que vc diz fica bastante complicado (este é o meu caso)
Só diminuir a velocidade
@@Cookieukw faz sentido kkkkkkkkkkkkkkk
Diminuir só velocidade da explicação please
sumiu em meu consagrado
caraio mano, vc fala em 2x!
tudo com nome reduce no js e uma desgraça kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk