React Hooks: Aprenda os MAIS IMPORTANTES em 50 Minutos!

Поделиться
HTML-код
  • Опубликовано: 17 ноя 2024

Комментарии • 117

  • @kelvinargolo2717
    @kelvinargolo2717 Год назад +34

    Se você é iniciante(como eu sou), a dica é: ASSISTA EM 0.75X xD

  • @fernandohenrique5153
    @fernandohenrique5153 Год назад +11

    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!

  • @ronaldoriosespindola3716
    @ronaldoriosespindola3716 Год назад +28

    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!

  • @mariagabrielagarcia770
    @mariagabrielagarcia770 29 дней назад

    Nos primeiros 15 minutos essa aula já valeu muito a pena pra quem é iniciante em react!

  • @LuizOtavio-lr7kc
    @LuizOtavio-lr7kc Год назад +2

    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.

  • @renatosantos2065
    @renatosantos2065 3 месяца назад +1

    Rapaz, apesar de conhecer bem esses hooks, tenho que admitir...foi a melhor explicação que eu vi, sua didática é f... parabéns.

  • @CarolinaZerbini
    @CarolinaZerbini 13 часов назад

    até que em fim tô seguindo um tutorial que tá dando certo!! Thanks

  • @guttta
    @guttta 3 месяца назад

    Estagnei nos hooks no meu curso e nem com a documentação consegui entender 100%, parabéns pelo vídeo FODA!

  • @IsmaelHenrique-j6g
    @IsmaelHenrique-j6g 7 месяцев назад +1

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

  • @vagnerazevedo2014
    @vagnerazevedo2014 4 месяца назад

    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.

  • @marcos_freire
    @marcos_freire 2 года назад +6

    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.

  • @larissamendesdaily
    @larissamendesdaily 2 года назад +9

    Muito bom o vídeo!
    Pra quem achou que ele falou rápido, é só colocar na velocidade 0.75 aqui no RUclips fica perfeito 😊

  • @paulorobertosallesdossanto6616
    @paulorobertosallesdossanto6616 2 года назад +1

    Ó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

  • @joaocarlosribeirojr
    @joaocarlosribeirojr 2 месяца назад

    Muito bom o video, eu estava usando mas não sabia como aplicar da forma correta, muito bom parabéns !

  • @BrenoNovelli
    @BrenoNovelli Год назад

    16:00 - pode usar o preserve console nas configs do dev tools

  • @johnnyjeverson6398
    @johnnyjeverson6398 Год назад +1

    Foi o melhor que encontrei, direto ao ponto e didático simples e objetiva

  • @marcosdias2734
    @marcosdias2734 Год назад +1

    50 minutos de muito conteúdo. 👏

  • @alex_everget
    @alex_everget Месяц назад

    It would be interesting to see a harmonious use of all available built-in hooks in one as minimalistic application as possible. An interesting challenge for both the author and the viewers.

  • @douglasmatos2134
    @douglasmatos2134 7 месяцев назад

    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.

  • @giovanny1850
    @giovanny1850 2 года назад

    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.

  • @joffrebarbosa5987
    @joffrebarbosa5987 Год назад

    Conteúdo incrível! Assisti no 0.75 pra entender melhor kk

  • @pablo87996
    @pablo87996 8 месяцев назад +1

    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?

  • @SouAndersonDavid
    @SouAndersonDavid 5 месяцев назад

    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

  • @edsonribeiro6135
    @edsonribeiro6135 2 года назад +1

    E hoje, sem enrolação, um conteúdo foda!

  • @robertoarraial
    @robertoarraial Год назад

    Cara. Tu tem uma didática incrível !

    • @ramonStones
      @ramonStones Год назад

      Ele acelera o vídeo dele em 2x. Me recuso a acreditar que ele fala nessa velocidade.

  • @rodrigohenrique7125
    @rodrigohenrique7125 2 года назад +1

    É o melhor vídeo sobre hooks que já vi, me ajudou muito!

  • @Wesley-es1bm
    @Wesley-es1bm 2 года назад

    Sou iniciante, mas com dedicação alcançarei o meu objetivo. A explicação é muito boa.

  • @PlinioMabesi
    @PlinioMabesi 10 месяцев назад

    Parabéns, ganhou um inscrito pela qualidade do conteúdo e ensino sem enrolação.

  • @Cookieukw
    @Cookieukw 2 года назад +6

    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

  • @leandrocassiano
    @leandrocassiano Год назад

    Gostei demais da aula! Obrigado por passar seus conhecimentos gratuitamente através do youtube!

  • @thiagodejesus86
    @thiagodejesus86 Год назад

    Cara você ganhou mais um inscrito. Parabéns pelo vídeo super didático.

  • @matheusenrico9779
    @matheusenrico9779 2 года назад

    Conteúdo muito bom! e o que eu mais gosto é que você faz de uma forma intensiva, parabéns pelo trabalho!

  • @edudias1972
    @edudias1972 Год назад

    Parabéns pelo resumo de Hooks e exemplos me ajudou bastante!

  • @eduardofagundesferreira8891
    @eduardofagundesferreira8891 Год назад

    Mais uma Felipe! Show de sempre! Valeu mesmo!

  • @ramonStones
    @ramonStones Год назад

    UseMemo e UseCallback são os hooks mais gostosinhos de usar, muito fácil.

  • @carlos-GMA
    @carlos-GMA 11 месяцев назад

    Muito bom seu resumo, muito obrigado!!!

  • @annalaramoraes3193
    @annalaramoraes3193 2 года назад

    Me ajudou muito! Prático, direto e muito claro.
    Muito obrigada!

  • @espiritfox
    @espiritfox 2 года назад

    cara, que explicação clara e objetiva!!! parabéns!!!

  • @antoniorodrigues8441
    @antoniorodrigues8441 Год назад +1

    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?

  • @VitorSilva-qm3rk
    @VitorSilva-qm3rk 2 года назад

    Para poder simular o componentwillunmount, você pode ir no devtools e ativar a função de preservar o log no navegador.

  • @kab3l0w
    @kab3l0w Год назад

    Maluco, q canal bom! explicação clara, simples e direto. bom demais!

  • @GustavoSilva-jx6fd
    @GustavoSilva-jx6fd 2 года назад +2

    Eraa esse video que eu precisava mano, estou aprendendo react, ótimo video, Parabéns

  • @matheusricardo6671
    @matheusricardo6671 Год назад

    Tu é embaçado mano. bom demais

  • @devmasterpablo
    @devmasterpablo Год назад

    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 !

  • @kaizenpunisher
    @kaizenpunisher Год назад

    Que aula sensacional... ta de parabens. Me ajudou demais. Merece minha inscrição e o like

  • @userJuniorsilva
    @userJuniorsilva 2 года назад

    Cara, seu conteúdo é sempre muito rico em informações, muito obrigado mesmo

  • @developerjs-jr8237
    @developerjs-jr8237 Год назад

    Parabéns, didática muito boa e conteúdo excelente! 🎉
    Ganhou um escrito.

  • @carlosdeucher131
    @carlosdeucher131 2 года назад +1

    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?

  • @antoniobarbosa9895
    @antoniobarbosa9895 2 года назад

    Muito obrigado por esse conteúdo! Objetivo, direto ao ponto, exatamente como eu estava precisando. 👏👏

  • @joaberochadel8219
    @joaberochadel8219 10 месяцев назад

    Excelente vídeo, parabéns.

  • @samuelseve7449
    @samuelseve7449 2 года назад

    Vc é muito necessário, cara.

  • @tbvinicius
    @tbvinicius 2 года назад

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

  • @bschs
    @bschs 2 года назад

    amigo poderia fazer um vídeo sobre component life cycle?

  • @henriquemoreira1879
    @henriquemoreira1879 2 года назад +1

    Vídeo sobre como você estuda programação por favor !!!!!!!!!!!!!!!!

    • @edsonribeiro6135
      @edsonribeiro6135 2 года назад +1

      Ele fala nesse vídeo aqui: ruclips.net/video/6IUivbVNDy0/видео.html

  • @victorfranco2495
    @victorfranco2495 Год назад

    Que didatica tooop meu amigo!

  • @PauloVitor-le6dz
    @PauloVitor-le6dz 2 года назад

    muito bom o conteúdo, ajudou demais meu amigo!

  • @ssoulstt
    @ssoulstt 2 года назад +1

    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?

  • @andersonsr.poliglota868
    @andersonsr.poliglota868 Год назад

    Muito bom, Felipeee!!!

  • @Devertelo
    @Devertelo 6 месяцев назад

    Que vídeo boa.
    Parabéns!!!

  • @eduardospek
    @eduardospek 2 года назад +1

    Esclarecedor 👏🏽👏🏽👏🏽

  • @alevianna7885
    @alevianna7885 2 года назад

    Cara, muito massa.

  • @tassioneves1002
    @tassioneves1002 2 года назад

    Conteúdo muito bom fera!!!

  • @marcusvinnicius4071
    @marcusvinnicius4071 Год назад

    excelente aula, porém eu tiver que assistir essa aula para começar a entender a aula de ReactJs para iniciantes.

  • @felipequeiroz8008
    @felipequeiroz8008 2 года назад

    Muito bom o conteúdo, parabéns!

  • @Lucas-rf6yj
    @Lucas-rf6yj Год назад

    Muito bom, valeu!

  • @ppacrz
    @ppacrz Год назад

    Conteúdo muito bom!!

  • @pablonicholassantos431
    @pablonicholassantos431 Год назад

    que conteúdo excelente, parabéns mano!!!! \'o'/ já salvei na minha playlist, me ajudou muito, consegui aprender e já sair usando ahaha \'o'/

  • @queridosetup
    @queridosetup Год назад +1

    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

    • @Cookieukw
      @Cookieukw Месяц назад

      use effects não mantém na memória callback salva funções na memória e use memória salva valores na memória (useffwct com memória). Usememl é executado uma vez ao rodar o código

  • @michel_silva
    @michel_silva 2 года назад

    Caramba, muito show

  • @rafaelenv
    @rafaelenv 2 года назад

    cara, muito obrigado

  • @joaovictor-dl6ve
    @joaovictor-dl6ve 2 года назад +1

    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?

    • @Cookieukw
      @Cookieukw 2 года назад +1

      abre e vê, ué kkkkkkkk

    • @ramonvinicius3498
      @ramonvinicius3498 2 года назад +2

      Hooks personalisados, ou seja, que você mesmo cria.

  • @viniciusm.m.7822
    @viniciusm.m.7822 2 года назад +1

    Felipe, monstro!!!!
    Valew mano!
    God bless!

  • @heitorazevedo3239
    @heitorazevedo3239 2 года назад

    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!

  • @jonatasserrinha
    @jonatasserrinha 2 года назад

    Muito bom o conteúdo

  • @haroldojunior9910
    @haroldojunior9910 7 месяцев назад

    Muito bom!

  • @JulioDevUnreal
    @JulioDevUnreal 2 года назад

    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

  • @luanpaiva29
    @luanpaiva29 Год назад

    Muito f0d@ o conteúdo!!!!

  • @sakamotoyorigami1997
    @sakamotoyorigami1997 6 месяцев назад

    Conteúdo otimo

  • @hawks2271
    @hawks2271 Год назад

    Bom trabalho

  • @fullpistolla8586
    @fullpistolla8586 6 месяцев назад +1

    Eminem da programação 🫡

  • @erickstopassoli9355
    @erickstopassoli9355 Год назад

    obrigado

  • @_mateusdigital
    @_mateusdigital 4 месяца назад

    Top!

  • @bschs
    @bschs 2 года назад

    q video maravilhoso

  • @brunocarvalho287
    @brunocarvalho287 Год назад

    Muito bom

  • @Alisson-Souza
    @Alisson-Souza 4 месяца назад

    Conteúdo prime

  • @RenanSantos7
    @RenanSantos7 9 месяцев назад

    Continuo não entendendo nada de useReducer.

  • @camilabreda3102
    @camilabreda3102 Год назад

    Asmeiiiiii!

  • @gustavo3220
    @gustavo3220 2 года назад

    " text-decoration: 'lie-througnh' "
    - poxa bixo, deu erro :(

  • @infopontes
    @infopontes 11 месяцев назад

    Show

  • @ramonvinicius3498
    @ramonvinicius3498 2 года назад +1

    Quem que usa useMemo em pleno 2022?

  • @pet20
    @pet20 2 года назад

    Mn tu parece o Adam TV.

  • @gabrieljauneribera9931
    @gabrieljauneribera9931 11 месяцев назад

    Rapaz eu tive q assistir o vídeo em 0.75x kkk

  • @monaco4693
    @monaco4693 2 года назад

    aula excelente, mas pra um junior escutar vc falando nessa rapidez e compreender tudo que vc diz fica bastante complicado (este é o meu caso)

    • @Cookieukw
      @Cookieukw Год назад

      Só diminuir a velocidade

    • @monaco4693
      @monaco4693 Год назад

      @@Cookieukw faz sentido kkkkkkkkkkkkkkk

  • @cletenirmoura6497
    @cletenirmoura6497 2 года назад

    Diminuir só velocidade da explicação please

  • @cletenirmoura6497
    @cletenirmoura6497 2 года назад +1

    *_Mano esse useReducer é coisa do capeta_*

  • @divrans5175
    @divrans5175 2 года назад

    sumiu em meu consagrado

  • @smartcentral2562
    @smartcentral2562 2 года назад +1

    caraio mano, vc fala em 2x!

  • @daviamerico2268
    @daviamerico2268 Год назад

    tudo com nome reduce no js e uma desgraça kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk