Тёмный

Aprenda REACT HOOKS em 30 minutos | Tutorial sobre Hooks 

Fernanda Kipper | Dev
Подписаться 118 тыс.
Просмотров 16 тыс.
50% 1

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

 

30 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 57   
@kipperdev
@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
@diegofranca92 5 месяцев назад
Essa foi a melhor explicação sobre Hooks que eu já vi. Parabens.
@gersuer
@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
@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
@facts.shorts.brasil 9 месяцев назад
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
@leandroslopes2395
@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
@kipperdev Год назад
Ótima sugestão! Obrigada Leandro, fico feliz que gostou 💜
@matheusgobetti1436
@matheusgobetti1436 5 месяцев назад
Fernanda, sua didática é impecável. Já acompanhei vários canais de programação no RU-vid, 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 ❤
@gabriellimadesouza3129
@gabriellimadesouza3129 Год назад
Faz um vídeo de useContext pra nós! Muito bom o vídeo, parabéns
@kipperdev
@kipperdev Год назад
Sugestão anotada! Obrigada Gabriel 💜
@FredBCavalheiro
@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
@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
@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.
@iury664
@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
@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 💜
@welberzindaprogramacao
@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
@kipperdev Год назад
Que massa Welberzin! Fico feliz que gosta dos vídeos de Spring, obrigada 💜 E da uma chance pro frontend, é legal hahahaha
@JobinFerreira
@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 ?
@joaoviitor9021
@joaoviitor9021 3 месяца назад
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
@JobinFerreira
@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"; ?
@tadeuchannel
@tadeuchannel Год назад
Feee qual o nome da dessa extensão que exibe um tipo de preview do console??? Vc é 100000❤❤❤
@emaslll
@emaslll 3 месяца назад
Muito top. Parabéns.
@pauloricardomaltaleal3558
@pauloricardomaltaleal3558 Год назад
Que tema é esse?
@kipperdev
@kipperdev Год назад
É o Emerald versão Dark!
@lucascoelho7558
@lucascoelho7558 Год назад
Que explicação didática!! Tirou algumas dúvidas que eu tinha sobre alguns deles
@kipperdev
@kipperdev Год назад
Que bom, Lucas! Fico feliz que tenha te ajudado 💜
@SnowPepper1
@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
@kipperdev Год назад
Espero que saindo desse vídeo você consiga aprender!! Qualquer dúvida deixa aqui nos comentários! Obrigada Renan 💜
@glaudirschlemper78
@glaudirschlemper78 10 месяцев назад
Parabéns pelo vídeo, sua didática é muito boa.
@kipperdev
@kipperdev 10 месяцев назад
Muito obrigadaa, Glaudir 💜
@PatsFerrer
@PatsFerrer 10 месяцев назад
Sensacional.. com certeza é um video que eu devo ver mais de uma vez, pois estou iniciando React agora, tô curtindo muito!
@kipperdev
@kipperdev 10 месяцев назад
Boaa, Pats 💜
@HelenilsonOliveiraa
@HelenilsonOliveiraa 9 месяцев назад
Que explicação genial parabéns
@kipperdev
@kipperdev 9 месяцев назад
Muito obrigadaa, @HelenilsonOliveiraa. Que bom que esse jeito de explicar te ajudou .💜
@RodrigoSantos-lc5bv
@RodrigoSantos-lc5bv Год назад
Parabéns Fernanda! cada vez mais aprendo seguindo seu canal!
@kipperdev
@kipperdev Год назад
Muito obrigada Rodrigo 💜
@luishng
@luishng Год назад
Salve
@williamscapini244
@williamscapini244 Год назад
hoje estava quebrando a cabeça para entender esse assunto.
@kipperdev
@kipperdev Год назад
Espero que tenha conseguido entender William! Qualquer dúvida deixa aqui nos comentários pra gente te ajudar :)
@davidemanoel1753
@davidemanoel1753 Год назад
Que didática excelente, Fehh arrasa dmais!
@kipperdev
@kipperdev Год назад
Muito obrigadaa, David 💜
@CaioGuimaraesdeAndradeLima
@CaioGuimaraesdeAndradeLima Год назад
12:46 Eu vi aquela concatenação ali em kkk
@kipperdev
@kipperdev Год назад
ahahahahah esqueci de transformar para int para realizar a soma
@leandroslopes2395
@leandroslopes2395 Год назад
Vi que vc não teve problema quanto a Client component para usar use client
@kipperdev
@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
@leandroslopes2395 Год назад
@@kipperdev Boa! Não prestei atenção
@luisrodrigues1610
@luisrodrigues1610 Год назад
Qual é as configurações do seu macbook?
@kipperdev
@kipperdev Год назад
Oii Luis, eu tenho o Macbook Air M1 com 16GB de RAM e 512 SSD!
@luisrodrigues1610
@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
@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!
@andersonsantosqueiroz6165
@andersonsantosqueiroz6165 11 месяцев назад
Muito obrigadoooo!!
@kipperdev
@kipperdev 10 месяцев назад
De nadaaa 💜
@danilomthdev
@danilomthdev Год назад
Esse canal é vida ❤
@kipperdev
@kipperdev Год назад
💜
@wallacesilva6087
@wallacesilva6087 Год назад
Boraa!
@kipperdev
@kipperdev Год назад
🚀🚀
Далее
CSS GRID na PRÁTICA - Tutorial Completo
25:21
Просмотров 38 тыс.
APRENDA ANGULAR DO ZERO - primeiro passos
2:50:55
Просмотров 137 тыс.
APRENDA USEEFFECT - SIMPLIFICANDO OS HOOKS DO REACT
17:34
React Hooks - Entendendo o UseState
17:51
Просмотров 7 тыс.
Entrevista ReactJS | Uma das perguntas mais comuns
9:25