Aprenda REACT HOOKS em 30 minutos | Tutorial sobre Hooks

[@kipperdev]

Se torne um ESPECIALISTA em FRONTEND, aprenda React JS, HTML, CSS e muito mais! tr.ee/kipperdev-desconto-rocketseat-one 🎁 USE O CUPOM: KIPPERDEV

[@diegofranca92]

Essa foi a melhor explicação sobre Hooks que eu já vi. Parabens.

[@konohalegacy4819]

era o que eu ia comentar, muito boa

[@gersuer]

Sabe o que é mais interessante? Que eu já faço meus projetos usando o react tem quase 1 ano e eu percebi que na verdade eu só sabia "reproduzir" determinadas coisas, agora finalmente eu entendi por que eu faço as coisas que eu faço. Fernanda, tu é braba demais kkkkkkkkk Aprendi bastante com teu vídeo, obrigado aí pelo conteúdo top!

[@kipperdev]

Nossa Gersuer, fico muito feliz com seu comentário, que bom consegui ajudar você a entender! 💜 Eu também no começo só "replicava" o que já havia visto nas aulas e tutoriais e não entendia de fato, mas depois que consegui entender como funcionava afundo, minha forma de programar mudou!

[@facts.shorts.brasil]

Gostaria de agradecer, estou estudando react e uso muito seus videos para tirar dúvidas. Se puder fazer algum vídeo falando mais do UseContext e Reducer eu agradeceria kkk

[@welberzindaprogramacao]

Estou estudando Spring pelo seu canal, os vídeos são excelentes!!! Não sou muito fã de front end, mas logo mais pretendo começar a estudar React

[@kipperdev]

Que massa Welberzin! Fico feliz que gosta dos vídeos de Spring, obrigada 💜 E da uma chance pro frontend, é legal hahahaha

[@leandroslopes2395]

Nossa. Sensacional estas explicações sobre Hooks. Totalmente didática. Já na espera do useContext em combinação com Client e Server Components mais crud de uma API

[@kipperdev]

Ótima sugestão! Obrigada Leandro, fico feliz que gostou 💜

[@matheusgobetti1436]

Fernanda, sua didática é impecável. Já acompanhei vários canais de programação no KZbin, e sempre tive dúvidas com relação ao conteúdo. Quando assisto seus videos tudo fica absurdamente claro. Obrigado por compartilhar seu conhecimento de forma tão simples e prática ❤

[@SnowPepper1]

Os hooks são as maiores dificuldades que eu tenho com react, mas sei que com teu vídeo eu irei aprender, já que sempre são muito didáticos. Obrigado pelo vídeo!

[@kipperdev]

Espero que saindo desse vídeo você consiga aprender!! Qualquer dúvida deixa aqui nos comentários! Obrigada Renan 💜

[@RodrigoSantos-lc5bv]

Parabéns Fernanda! cada vez mais aprendo seguindo seu canal!

[@kipperdev]

Muito obrigada Rodrigo 💜

[@glaudirschlemper78]

Parabéns pelo vídeo, sua didática é muito boa.

[@kipperdev]

Muito obrigadaa, Glaudir 💜

[@jotapeh-gn7ye]

finalmente entendi com essa maravilhosa aulaaaaaa!!!!!

[@kipperdev]

Aaaaa que bom Jotape! ❤️

[@davidemanoel1753]

Que didática excelente, Fehh arrasa dmais!

[@kipperdev]

Muito obrigadaa, David 💜

[@PatsFerrer]

Sensacional.. com certeza é um video que eu devo ver mais de uma vez, pois estou iniciando React agora, tô curtindo muito!

[@kipperdev]

Boaa, Pats 💜

[@lucascoelho7558]

Que explicação didática!! Tirou algumas dúvidas que eu tinha sobre alguns deles

[@kipperdev]

Que bom, Lucas! Fico feliz que tenha te ajudado 💜

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

[@gabriellimadesouza3129]

Faz um vídeo de useContext pra nós! Muito bom o vídeo, parabéns

[@kipperdev]

Sugestão anotada! Obrigada Gabriel 💜

[@joaoviitor9021]

Muito top, eu uso muito o useEffect e sempre percebia umas chamadas a mais, agora que você falou que ela faz 2 automaticamente faz sentido, mas no meu tem caso de o console printar 4/6x uma chamada única pra uma api. Confesso que ainda não entendi bem, mas tenho procurado sobre pra ver kkk

[@williamscapini244]

hoje estava quebrando a cabeça para entender esse assunto.

[@kipperdev]

Espero que tenha conseguido entender William! Qualquer dúvida deixa aqui nos comentários pra gente te ajudar :)

[@HelenilsonOliveiraa]

Que explicação genial parabéns

[@kipperdev]

Muito obrigadaa, @HelenilsonOliveiraa. Que bom que esse jeito de explicar te ajudou .💜

[@emaslll]

Muito top. Parabéns.

[@danilomthdev]

Esse canal é vida ❤

[@kipperdev]

💜

[@andersonsantosqueiroz6165]

Muito obrigadoooo!!

[@kipperdev]

De nadaaa 💜

[@FredBCavalheiro]

Excelente explicação, o lance do return no useEffect eu n sabia. O array de dependência sempre tem q ta vazio pro destructing funcionar?

[@kipperdev]

Obrigada Fred!! Nãoo, o return do useEffect sempre vai executar quando o componente for desmontado, independente do que tenha no array de dependencias, então você pode ter multiplos useEffects no seu componente com dependencias diferentes e returns diferentes para executar no momento de destruição também :)

[@FredBCavalheiro]

@@kipperdev muito obrigado pela explicação, eu já vi alguns vídeos de useEffect e ninguém explicou esse lance do return dentro do useEffect sempre ser executado no momento que o componente é destruído e se vc tiver mais de um useEffect com return todos eles serão executados na destruição do componente. Sucesso pra vc.

[@CaioGuimaraesdeAndradeLima]

12:46 Eu vi aquela concatenação ali em kkk

[@kipperdev]

ahahahahah esqueci de transformar para int para realizar a soma

[@tadeuchannel]

Feee qual o nome da dessa extensão que exibe um tipo de preview do console??? Vc é 100000❤❤❤

[@JobinFerreira]

Muito bacana Fernanda! Qual extensão do vs code vc usou pra quando vc salvar, ele automaticamente escreve a linha de código import {useCounter} from "./hooks/useCounter"; ?

[@iury664]

Teve um problema na renderização do minhaString, como vc somou a string "Fernanda tem..." com o prev + 1, os sinais de + são entendidos como contatenação, ai vc teria que ter colocado o prev + 1 dentro de parênteses, "Fernanda tem contagem" + (prevCount + ') ai o valor do prev + 1 ia ser de soma realmente.

[@kipperdev]

Simm, eu esqueci de fazer a transformação para realizar a soma de fato e não a contanação, mas serviu para nosso exemplo, pois deu para ver que os valores já estavam atualizados ahahah Valeu Iury 💜

[@wallacesilva6087]

Boraa!

[@kipperdev]

🚀🚀

[@luisrodrigues1610]

Qual é as configurações do seu macbook?

[@kipperdev]

Oii Luis, eu tenho o Macbook Air M1 com 16GB de RAM e 512 SSD!

[@luisrodrigues1610]

@@kipperdev você ainda tem o link ou o site da onde comprou ? estou pesando em comprar um também, porém vi aqui na minha cidade que um Macbook Air M1 com 8GB de RAM e 256SSD Por 6 mil reais

[@luisrodrigues1610]

@@kipperdev Porém estou em dúvida entre o macbook air m1 citado abaixo, ou o samsung book 3 com i5 1340p com 8gb ram e 512 SSD!

[@JobinFerreira]

Meu console está acusando erro na hora de puxar o hook useCounter q eu criei do exemplo do final do vídeo. Está acusando possible exports: default. Alguma sugestão ?

[@leandroslopes2395]

Vi que vc não teve problema quanto a Client component para usar use client

[@kipperdev]

A aplicação que estava mostrando no vídeo era com React puro, sem Next js! Por isso não teve a complicação com os Client components hahahah

[@leandroslopes2395]

@@kipperdev Boa! Não prestei atenção

[@luishng]

Salve

[@pauloricardomaltaleal3558]

Que tema é esse?

[@kipperdev]

É o Emerald versão Dark!