Duas regras que você precisa cumprir com hooks no React

  Рет қаралды 44,965

Rocketseat

Rocketseat

Күн бұрын

Пікірлер: 143
@luanmedeirossilveira
@luanmedeirossilveira 2 жыл бұрын
Fala Diego! Continua trazendo conteúdos desse porte que ajuda muito a galera. Abraço!
@dieegosf
@dieegosf 2 жыл бұрын
Pode deixar!
@ThyagoRibeiro-k2k
@ThyagoRibeiro-k2k Ай бұрын
Estes conteúdos que aprofundam os conceitos primários do React, ou de qualquer linguagem, são essênciais!
@GabrielManussakis
@GabrielManussakis 2 жыл бұрын
Esses vídeos com conceitos mais avançados são muito importantes para a comunidade! Parabéns!
@ebratz
@ebratz 2 жыл бұрын
Muito bom ver a Rocketseat avançando em conteúdos com mais profundidade! Já existem muitos conteúdos para iniciantes ou nível intermediário e poucos conteúdos bons de nível avançado, principalmente em português.
@Cristian7Bitencourt
@Cristian7Bitencourt 2 жыл бұрын
Trabalho com React a um ano e não tinha parado pra pensar nisso, muito massa, clareou as ideias!!!!
@jon1996xd
@jon1996xd 2 жыл бұрын
Vídeo pra ser visto mais de uma vez! Esses conceitos são muito importantes e acredito que todo mundo que já brincou com o react já gastou um tempo por causa desses "problemas"
@jailsvs
@jailsvs 10 ай бұрын
Boa Diegão! Parabéns pelo conteúdo!
@dpisati
@dpisati 2 жыл бұрын
Maravilhoso video Diego!! Mais videos assim sao muito bem-vindos! 💖 Explicar o funcionamento da programacao de uma forma mais pura, sem frameworks (ou o que o framework faz por baixo dos panos - como esse video). E conceitos basicos, porem essenciais, como closures, recursion, recursive, curry e etc... Obrigado pelo conteudo! 💖💖
@lucasdiasdev98
@lucasdiasdev98 2 ай бұрын
Ótima explicação, continuem criando esses conteúdos pois estão ajudando demais
@renatorodrigues2774
@renatorodrigues2774 2 жыл бұрын
Fala Diego, Obrigado pelo Video. Eu já sabia que não podia Usar, mais me convenci agora porque.
@maxwellalves6492
@maxwellalves6492 2 жыл бұрын
Muito legal man, como pode fazer tanto sentido kkjkdkdkk eu gosto muito, e a função do useState, poder receber uma função com parâmetro do último estado da variável mudou minha vida kkkdkdk
@IgorRP12
@IgorRP12 2 жыл бұрын
Excelente vídeo, acho que tão importante quanto saber usar a ferramenta, é saber como ela funciona "por de baixo dos panos" para saber também suas limitações, acho que seria interessante, talvez junto do vídeo ou em uma série separada, mostrar como tu chega a essas conclusões, seja fuçando no pacote do react ou documentação/fóruns para que a gente também possa aprender a como ....aprender?? haha mas super apoio essa série "É errando que se aprende". Valeu Diego, valeu Rocket!!
@fabiogoncalves8597
@fabiogoncalves8597 Жыл бұрын
Excelente vídeo, conteúdo extremamente relevante. Estou acostumado a usar o Vue.js e, ao alterar uma variável dentro de uma função, na sequência eu já consigo fazer uma operação com o valor atualizado. Demorei pra perceber que no React o funcionamento é diferente e o seu vídeo explicou muito bem o porquê. Sensacional!
@ValterNeto
@ValterNeto 2 жыл бұрын
Conteúdo massa! Já caí várias vezes nesse erro e fiquei muito putaço hahahah . Agora eu saquei, agora entendi! Valew e parabéns!
@davidrocky
@davidrocky 10 ай бұрын
Esses vídeos de conceitos de base do react são essenciais!
@jonatascarvalhoborges6175
@jonatascarvalhoborges6175 2 жыл бұрын
Ganhou meu "laique" nos incas e astecas hahahaha
@JeanSilvany_
@JeanSilvany_ 2 жыл бұрын
Tomei martelada o vídeo todo, mas esse final aí fez um milagre! Boa Diogão!!!
@0625010042
@0625010042 2 жыл бұрын
Show de bola! Conteúdo de muita qualidade. Parabéns Diego!!!
@vane_8994
@vane_8994 2 жыл бұрын
Baita conteúdo! 🚀👏
@adrielschmitz
@adrielschmitz 2 жыл бұрын
Excelente explicação! Se eu tivesse tido uma explicação visual assim lá nos primórdios dos hooks teria me polpado um baita tempo!!
@raimundojunior8547
@raimundojunior8547 2 жыл бұрын
Valeu Diego, estava com dificuldade de entender no ignite, por aqui você esclareceu tudo, obrigado mesmo pela ajuda
@guilhermelourenco977
@guilhermelourenco977 2 жыл бұрын
Você poderia trazer um conteúdo sobre Autenticação social + via Api na mesma aplicação abordando a melhor estratégia de se fazer isso 🚀
@ygortf
@ygortf 2 жыл бұрын
Esse formato é muito daora!! Excelente vídeo
@vitorsantana2795
@vitorsantana2795 Жыл бұрын
Sensacional Diego!! Explicação super didática e fácil 👏🏾
@jennifermagpantay7933
@jennifermagpantay7933 2 жыл бұрын
Incríveeeeeel!! Por mais conteúdos assim, por favor! Faz a gente, que está aprendendo, entender melhor alguns comportamentos, erros e as formas de evitá-los!
@diego_maia
@diego_maia 2 жыл бұрын
Dois videos em seguida explicando alguma coisa que eu achava que sabia mas na verdade nao sabia!!! Continua com esse tipo de conteudo Diego!!! Valeu mesmo!!
@dieegosf
@dieegosf 2 жыл бұрын
Que bom que curtiu!
@lucasmedeiros391
@lucasmedeiros391 2 жыл бұрын
Top demais Diegão!
@Pedrooedrpziul
@Pedrooedrpziul 2 жыл бұрын
Conteúdo Fenomenal !!!!
@luizfelipeop
@luizfelipeop 2 жыл бұрын
Dahora, ja conhecia mas passei por isso ontem haha, pra setar valores dentro de um objeto, dai fiquei uns minutos e lembrei dessa questão e consegui resolver o problema, coisas de Dev Junior haha mt top o video
@rafacapoci1757
@rafacapoci1757 2 жыл бұрын
Estava com esse "problema" a umas duas semanas, esse video teria me poupado muito tempo hahaha
@nickolassilva8994
@nickolassilva8994 2 жыл бұрын
Salve Diegão!!! Massa demais esse conteudo, era um dos pontos que eu não tava entendendo... "now everything makes sense!" ||| e não é por nada, não, mas parece que, ou o filtro ta estranho ou o Diegão não dormiu direito kkkkkk Salve equipe da rockets, Abraço!
@edvaldojose.7756
@edvaldojose.7756 2 жыл бұрын
Cara isso e D+, muito bom meu velho, excelente conteudo.
@gustadev276
@gustadev276 2 жыл бұрын
Vídeo muito bom, sempre bem Diego!🚀
@darlonhenrisouza8555
@darlonhenrisouza8555 2 жыл бұрын
excelente aula diegão
@yagojuan4041
@yagojuan4041 2 жыл бұрын
Meu cérebro explodiu agora hahaha. Sabia que ele não deixava fazer isso, mas não sabia o porquê. Muito bom!!
@felipecabreira4321
@felipecabreira4321 2 жыл бұрын
Ótima didatica, video muito bom !
@SirCristianoLopes
@SirCristianoLopes 2 жыл бұрын
Sensacional, Diego, parabéns pelo conteúdo.
@rmscrisostomo
@rmscrisostomo 2 жыл бұрын
Caí hoje, descobri neste vídeo o porque 😂😂✌️. Obrigado pelo conteúdo.
@ruanlandrade
@ruanlandrade 2 жыл бұрын
Amei o batom e o conteúdo, continua Diegão kkkkk
@dieegosf
@dieegosf 2 жыл бұрын
Que bom que gostou, está na minha paleta :)
@CaiqueMoraes93
@CaiqueMoraes93 2 жыл бұрын
Excelente vídeo Diego! Gosto muito do seu conteúdo e didática
@pablopereira5893
@pablopereira5893 2 жыл бұрын
não passei por esses problemas ainda, mas é bom ja saber de antemão... vlw... belo video.... "Hey marcas de teclado!! Esse homem precisa de um teclado novo!"
@adrianomedeiros4068
@adrianomedeiros4068 2 жыл бұрын
Cara eu estava passando nesse problema do setState igualzinho e não estava entendendo... Muito obrigado
@Viiikto
@Viiikto 2 жыл бұрын
Sensacional, adorei o lip tint
@VitorCPSsss
@VitorCPSsss 2 жыл бұрын
Rapaz, acabei de salvar o vídeo "3 coisas que você precisa dominar pra aprender React", agora eu chego aqui e saiu o "Duas regras que você precisa cumprir com hooks no React". Acho que é o destino falando pra eu focar mais no React Native, Web eu ainda prefiro 1000x o VueJS.
@MDKohaku
@MDKohaku 2 жыл бұрын
A Rocketseat salvando dnv
@rodrig0krvalho
@rodrig0krvalho 2 жыл бұрын
Muito show!
@lukscsas
@lukscsas 2 жыл бұрын
mano, esse video E X P L O D I U minha mente... parabens!
@jonatasrosamoura9666
@jonatasrosamoura9666 Жыл бұрын
Muito bom, já sofri a lot por causa desses erros de hooks do react kkkk
@devemprender
@devemprender 2 жыл бұрын
Gosto de sempre usar Call back function no useState quando estou utilizando o valor antigo. Esse problema pode acontecer tb quando estamos tratando um valor async tb.
@ruanpissinati7154
@ruanpissinati7154 6 күн бұрын
Esse foi exatamente o problema que tive, com funções async!
@johnrodrigues559
@johnrodrigues559 2 жыл бұрын
Muito bom, Brabissimo
@italofsan
@italofsan 2 жыл бұрын
Excelente vídeo!
@fellipeemanoel3040
@fellipeemanoel3040 2 жыл бұрын
Video curtinho mas recheado de conteúdo!! Showww
@brenodias6323
@brenodias6323 2 жыл бұрын
Thank You So Much Bud
@michaelbarbosa7893
@michaelbarbosa7893 2 жыл бұрын
When I've started producing I personally have downloaded most of the plugins from there, never had problems with virus, malwares and
@afonsocarvalho3124
@afonsocarvalho3124 2 жыл бұрын
Então, quando vc faz uso de um componente, apesar de ele já ser escrito como se fosse uma função, ele será transformado em uma outra função no bundle.js, que receberá como argumentos as variáveis do seu componente, inclusive as funções, que serão, naturalmente, um callback (ou delegate como faziam os incas e astecas xD ). VAleu, Diego!
@lorenamelor
@lorenamelor 2 ай бұрын
Excelente! 👏🏻
@BlackListRF
@BlackListRF 2 жыл бұрын
Conteúdo top ein Diegão, e esse teclado ein, já faz uns meses que ta nessa kkkkk
@dieegosf
@dieegosf 2 жыл бұрын
Consegui resolver essa semana! (não da forma que eu queria, se é que me entendes hehe)
@BrunoOliveira-kk8on
@BrunoOliveira-kk8on Ай бұрын
Sensacional!
@moranisdev
@moranisdev 2 жыл бұрын
Brabo !!!
@gabshs_
@gabshs_ 2 жыл бұрын
Fala Diego, beleza? Conteúdo incrível, parabéns pela altíssima qualidade sempre. Teria como trazer mais vídeos voltados a node nesse estilo? Sinto a carência de conteúdos em node também. Abraços!
@marlonlamancio
@marlonlamancio 2 жыл бұрын
Como sempre excelente conteúdo! Obrigado! Só uma sugestão, a música de fundo está muito alta nos vídeos, distrai bastante
@RicardoTrevisan
@RicardoTrevisan 2 жыл бұрын
🚀🔥🔥🔥
@weslleyfillipe1532
@weslleyfillipe1532 Жыл бұрын
Uma coisa sobre hooks condicionais que eu nao entendo é tipo, por exemplo: quando eu uso o graphql no front com react, eu nao posso fazer a chamada do 'useQuery' dentro de um if. A minha ideia na epoca era criar um unico hook personalizavel que executasse uma query de acordo com o parametro que vinha, porem como eu nao podia colocar dentro de um if ou switch case, acabava tendo que criar um hook pra cada funçao. No exemplo do video, mostrou no caso do hook nao ser criado numa segunda renderizacao (qd for false), porem no meu exemplo, um useQuery sempre seria criado, mas o ESLINT nao me deixava fazer kk. De qualquer forma, optei por nao usar graphql no front pra evitar esse tipo de coisa
@alberto3641
@alberto3641 2 жыл бұрын
Muito bom!!!
@pliniohavila
@pliniohavila 2 жыл бұрын
Boa! Agora, eu sei que para modificar o valor do estado mais de uma vez, eu tenho que alterar mediante a seguinte função: steCount((count) => count + 1). Porém não entendo o que está acontecendo "debaixo dos panos"? Poderia fazer uma vídeo explicando? Muito Obrigado. Parabéns pelo conteúdo...
@PedroHenrique-je6yu
@PedroHenrique-je6yu Жыл бұрын
mano, pelo o que eu entendi no vídeo, ele executa uma função. Assim como caso você passasse apena setCount(count + 1), onde count é um valor fixo, a função se executará setCount(state => state + 1), onde state é sempre o valor anterior.
@Samuellucas243
@Samuellucas243 2 жыл бұрын
Como voce e tao bom diego? Em sabedoria.
@dieegosf
@dieegosf 2 жыл бұрын
Foco e profundidade, como falei no meu instagram pessoal nessa foto (instagram.com/p/CgxSjNKObC5/), eu sei menos coisas hoje do que sabiam 6-7 anos atrás.
@Samuellucas243
@Samuellucas243 2 жыл бұрын
Link esta indisponivel..
@danilovieira4442
@danilovieira4442 2 жыл бұрын
13:11 Quando o cara sabe como aproveitar os limões da vida hahaha
@FAELP22
@FAELP22 Жыл бұрын
Legal a dica, tenho uma pergunta, como vc faz para colocar sua câmera na tela?
@albuquerquedev5200
@albuquerquedev5200 2 жыл бұрын
Show!
@wagnersobreira8703
@wagnersobreira8703 2 жыл бұрын
Boa diego!
@thiagonunesmiziara6866
@thiagonunesmiziara6866 2 жыл бұрын
Muito bom poderia fazer um de zustand
@brenodanyel1315
@brenodanyel1315 2 жыл бұрын
Muito bom :)
@busster_6611
@busster_6611 2 жыл бұрын
You are dope bro! Damn , thank you so much, subbed
@victorkihs4415
@victorkihs4415 2 жыл бұрын
Thanks so much bro.
@felipekawassaki
@felipekawassaki 2 жыл бұрын
Top!
@rodrigomartins9115
@rodrigomartins9115 2 жыл бұрын
Opa, quais sao as configurações de ESLINT e Prettier você usa?
@sashizosh
@sashizosh 2 жыл бұрын
Diego, no último exemplo que você faz a referência do state, nesse caso ele só renderiza o componente uma vez ou 5? Tipo, ele espera a função concluir todas as linhas pra dai triggar o rerender ou ele vai triggar 5 vezes porque chamou o setState 5 vezes? Obs: Isso que estou falando é independente se o valor alterou 5 vezes ou não.
@dieegosf
@dieegosf 2 жыл бұрын
Ele faz uma vez só, isso se chama Automatic Batching que sempre foi feito sozinho e na última versão do React temos o batching também funcionando dentro de código assíncrono (reactjs.org/blog/2022/03/29/react-v18.html#new-feature-automatic-batching).
@cirogomes5330
@cirogomes5330 2 жыл бұрын
Dá pra dar um setCount e logo em seguida já usar o valor atualizado de alguma forma, sem precisar salvar esse valor numa variável? Por exemplo esse código: const newCount = count + 1; setCount(newCount); setCrazyState(newCount * 2); Seria possível fazer assim? setCount(count + 1); setCrazyState(count * 2); //com o count atualizado
@cirogomes5330
@cirogomes5330 2 жыл бұрын
Respondendo minha própria pergunta, dá pra fazer algo tipo assim 🤔: setCount(count => { count++; setCrazyState(count * 2); return count; });
@marcelolupatini5553
@marcelolupatini5553 2 жыл бұрын
Vídeo bom
@MatheusPereira-nn9dj
@MatheusPereira-nn9dj Жыл бұрын
o que voce esta usando no tsconfig para voce nao precisar definir tipos na sua aplicação react ???
@giovanny1850
@giovanny1850 2 жыл бұрын
"ou classes como faziam os incas e astecas" me quebrou mt mano KKKKKKKKK
@victorpagnozi4736
@victorpagnozi4736 2 жыл бұрын
Fala Diego, qual o modelo de câmera que vc utiliza ?
@saphiraxavier426
@saphiraxavier426 Жыл бұрын
me ajudou muitoo
@marcelosilvadias3902
@marcelosilvadias3902 2 жыл бұрын
O famoso "prevState" rs .
@sosun847
@sosun847 2 жыл бұрын
teria alguma referencia para aprofundar nessa questão? Entendo que foi um exemplo simplificado mas se o problema fosse a ordem que as propriedades são passadas e o time do react quisesse permitir hooks condicionais os componentes poderiam receber seus "params e hooks" como um objeto, ai não importaria se um desses valores não fosse enviado, ou de alguma forma contar o numero de params que ele espera e preencher com undefined caso o parametro não tivesse valor definido
@dieegosf
@dieegosf 2 жыл бұрын
A referência é a própria documentação: pt-br.reactjs.org/docs/hooks-rules.html#explanation
@223brunoleo
@223brunoleo 2 жыл бұрын
Fantástico! Como acho isso na documentação?
@dieegosf
@dieegosf 2 жыл бұрын
pt-br.reactjs.org/docs/hooks-rules.html#explanation
@lucasi-cs
@lucasi-cs 2 жыл бұрын
Qual a configuração do navegador que grifa o componente quando ele é renderizado? Vi em um video como ativava mas esqueci
@dieegosf
@dieegosf 2 жыл бұрын
React DevTools e dai nas configs tem uma opção "Highlight componentes when rerenders"
@bigardibatera
@bigardibatera 2 жыл бұрын
O que vc usa de software pra sua câmera nesse formato na tela e esse follow que deu no seu rosto qndo mudou de lado e a câmera buscou vc?
@danielantunesrocha545
@danielantunesrocha545 2 жыл бұрын
TB tô curioso pra saber
@dieegosf
@dieegosf 2 жыл бұрын
github.com/maykbrito/mini-video-me
@rogi9696
@rogi9696 2 жыл бұрын
Me parece que quando ele mudava de lado, ele mesmo ajustava a imagem
@uamhenry522
@uamhenry522 2 жыл бұрын
What do I do when the channel rack becos too cluttered? If I can, how do I clear it?
@gleisonrj19
@gleisonrj19 2 жыл бұрын
Descobri quando precisei fazer uma paginação e tive que pegar o prevState kk
@compilacaodememesnovos8353
@compilacaodememesnovos8353 2 жыл бұрын
I'm convinced that the big investors and analysts are trying to scare us to keep us poor and ignorant to the market.. because its steady
@renatomarxs
@renatomarxs 2 жыл бұрын
Top
@ernestoneto9166
@ernestoneto9166 Жыл бұрын
Muito interessante isso, foi bom aprender antes de tentar fazer isso kkkkkkkkkkk
@thomaspalmieri3754
@thomaspalmieri3754 2 жыл бұрын
it really works!
@EduuuardoRodrigues
@EduuuardoRodrigues 2 жыл бұрын
bro where have u been, it is so cool
@jeffersonbueno1168
@jeffersonbueno1168 2 жыл бұрын
foda, sabia que não funcionava mas não sabia o porque rs
@davibergamin5943
@davibergamin5943 2 жыл бұрын
então é por isso que eu não posso simplesmente chamar a função setCounter no corpo da função do componente e fora de um evento? porque quando eu chamo a função setCounter o componente é re-renderizado e a função ele vai entrar em um loop infinito?
@dieegosf
@dieegosf 2 жыл бұрын
Exatamente
@joaocastro.s
@joaocastro.s 2 жыл бұрын
O condicional ainda ficou confuso pra mim o motivo, mas o state na function deu pra entender bacanudo.
@dieegosf
@dieegosf 2 жыл бұрын
O condicional acaba mudando a ordem dos states e com isso a "ordem dos parâmetros" da função, como o React não guarda um nome pra cada estado, ele se perde.
@joaocastro.s
@joaocastro.s 2 жыл бұрын
Acabei voltando o vídeo para entender melhor e ficou super claro. Parabéns pelo conteúdo Diego.
@xxxx3657
@xxxx3657 2 жыл бұрын
Best guy how did u get it, what torrent did u use
@ruthmariia
@ruthmariia 2 жыл бұрын
Ótima explicação! Mas essa música de fundo me atrapalhou um pouco, era melhor quando vocês não colocavam música de fundo nos vídeos.
@dieegosf
@dieegosf 2 жыл бұрын
Obrigado pelo feedback
@guilherme-ji8ly
@guilherme-ji8ly 2 жыл бұрын
eu nem percebi a música de fundo sinceramente
3 Tips for Scaling React Apps with TailwindCSS
15:21
Rocketseat
Рет қаралды 43 М.
Why using useCallback makes so much sense? | Code/Drops #13
16:44
How Strong Is Tape?
00:24
Stokes Twins
Рет қаралды 53 МЛН
How many people are in the changing room? #devil #lilith #funny #shorts
00:39
СИНИЙ ИНЕЙ УЖЕ ВЫШЕЛ!❄️
01:01
DO$HIK
Рет қаралды 2 МЛН
Learn React Hooks: useEffect - Simply Explained!
14:07
Cosden Solutions
Рет қаралды 173 М.
O ERRO mais comum no React (você já fez isso)
13:26
Rocketseat
Рет қаралды 128 М.
APRENDA USESTATE - SIMPLIFICANDO OS HOOKS DO REACT
12:51
Matheus Battisti - Hora de Codar
Рет қаралды 27 М.
Create components in this way in React (Composition Pattern)
24:47
Custom Hooks in React (Design Patterns)
12:56
Cosden Solutions
Рет қаралды 55 М.
Utilizando React.memo | Code/Drops #18
19:20
Rocketseat
Рет қаралды 89 М.
TUDO que você deve estudar de JavaScript antes do React
1:25:24
Rocketseat
Рет қаралды 309 М.
Como usar o useEffect React Hook #Dia15
23:06
Front Beginners
Рет қаралды 4,6 М.
Utilizando as refs no React de forma avançada | Code/Drops #52
33:46
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 847 М.
How Strong Is Tape?
00:24
Stokes Twins
Рет қаралды 53 МЛН