Tudo que você NÃO SABE sobre useState hook
HTML-код
- Опубликовано: 8 фев 2025
- Vejo muita gente trabalhando com React e useState e ainda assim não conhecer todo o funcionamento desse hook. Esse desconhecimento pode gerar uma baita dor de cabeça, como eu mostro nesse video. Então bora entender tudo sobre o hook mais usado do React?
Código do video:
github.com/Cod...
---
Participe da nossa comunidade no Discord!
📢 bit.ly/2XFgukW
No canal do Telegram, temos conteúdos conteúdos exclusivos!
📬 bit.ly/2AcRz0e
E as redes sociais, já tá seguindo? Rola muito conteúdo por lá!
👨🏻💻 Facebook: bit.ly/2KqIrar
📸 Instagram: bit.ly/2Xr94S2
Caramba, não tenho palavras suficientes para expressar o quanto sou grato por essa aula. Sua didática é incrível cara, continua. Sucesso!
😍 obrigado!!!
Que aula incrível, cara estava quase jogando o react fora já por conta de um problema desses, MUITO OBRIGADO!
aeeee!!! Que bom que ajudou!
Otima explicacao, cara. Eu conhecia a do prevState, mas nao sabia o porque do seu uso. Voce esclareceu tudo, valeu!
a tip : you can watch series at Flixzone. Me and my gf have been using them for watching loads of movies recently.
@Gael Ridge Yea, have been using flixzone for since november myself =)
Estou começando a estudar React agora, e queria entender o que era o useState então estou assistindo todos os vídeos que tem "useState" no título 😂, mas, devo dizer depois de ter assistido mais de 10 vídeos, (inclusive de gringos) nenhum deles de quer mencionou isso, muito obrigado pelo conteúdo cara, sucesso pra você!
Ahhh, obrigado cara, sucesso pra você também! 👊
Era tudo o que eu precisava!
Tava quebrando a cabeça para resolver esse problema de concorrência, que você mostrou no video!
Muito obrigada! Ganhou uma inscrita e um belo like!
Sensacional. Didática muito boa, parabéns.
Muito obrigado 😃
Vídeo excelente! Obrigada por disponibilizar!
Eu que agradeço! 🤗
A explicação quanto ao prevState valeu demais o vídeo, Bruno... Show! Abs;
Conteúdo apresentado com maestria. Muito obrigado. Deus abençoe você.
Parabéns pelo conteúdo, Bruno. Estou em início de carreira e aprendendo muito com seus vídeos.
Valeu man!!! Feliz em poder ajudar!! tmj 👊
Muito bom seus vídeos, aguardo a sequencia agora de dom o useContext se permite sugerir! Obrigado!
o de useContext já tem! ruclips.net/video/c9BOd9X-SCM/видео.html
Show! Valeu!
👊
excelente explicação!!!!
super conteúdo, parabéns e espero aprender mais dicas dessas.. pq eu utilizava do spread e nao sabia desse problema!
Muito Bom!!! Parabéns , ansioso para mais conteúdos assim de React.
Show! Seria legal um video de como vc estrutura suas apps com react para projetos de grande escala. (se usa typescript, redux, etc..)
Na verdade não tem um padrão, cada caso é um caso e precisa ser analisado, mas dá pra fazer um vídeo com algumas abordagens, obrigado pela ideia! :)
que vídeo bom, parabéns
Obrigado!!
Muito top saber o pq das coisas.
Queria tanto um curso desse cara
E nós temos! codar.me/cursos/desenvolvendo-software-de-verdade
Ótima aula mano, parabéns. A propósito, como faço pra instalar esse template de fonte e dos blocos na minha IDE (IntelliJ Ultimate)????
Putz cara, ai cê me pegou, não sei como funciona os plugins do IntelliJ, vou ficar te devendo essa :/
Excelente
Muito bom!
24:58 desculpa não entendi muito bem o qe você explicou nessa parte, você disse que a cada re-render, o qe está dentro do useState é reexecutado desnecessariamente, então o mais aconselhado é sempre usar uma Arrow function antes do valor?
useState(() => 5)
ao invés de
useState(5)
Não necessáriamente. Se vc tem um valor como vc citou ai, vc não está executando nada, está apenas atribuindo um valor, e isso não causa nenhum problema. Só é interessante criar uma arrow function ali, quando o initialState executa alguma ação, por exemplo, quando ele vem do localStorage, ai pra ele não ficar indo no local storage toda vez sem necessidade, vc utiliza arrow function. Ficou mais claro?
o exemplo e a explicação nao ficou claro mesmo, resumindo:
const [state, setState] = React.useState(console.log("useState")) // repete a cada update
const [state, setState] = React.useState(() => console.log("useState")) // so é feito 1x, na montagem
Não entendi bem essa parte final do initialstate, seria interessante um video.. Obrigado =)
Boa, anotado aqui, farei assim que possível, obrigado!
Muito bom =)
Muito útil essa explicação! Obrigado!
Agora eu tenho uma pergunta, compensa mesmo usar Hooks, ou é só mais uma modinha?
A impressão que eu tenho é que Hooks é menos verboso, mas mais desorganizado...
Não tem como fugir dos hooks se você quiser usar functional components no React, é ele que faz o re-render dos componentes.
@@CodarMe Desculpa, mas eu não entendi. Hooks é relativamente novo. Foi colocado a partir da versão 16.8 do Reactjs se eu não tô enganado. Vc mesmo utilizou no vídeo o render baseado em classe. A minha pergunta foi mais nesse sentido, desculpa se eu não fui claro
@@lucas.magalhaes ah não, tranquilo. O que falei sobre o hooks foi justamente que se vc não utilizar classe, não tem como fugir dele, até pq hooks não funcionam em class components, saca? Inclusive é recomendado que você migre pra componentes funcionais ao invés de classes, pois o próprio React está indo mais pra esse sentido.
Meu problema com hooks é quando ele fica atrasado, eu fiz um exemplo pra mostrar meu problema, o exemplo não ficou legal mas acredito que já dê pra ter noção do meu erro, se tiver como dar uma olhadinha, isso é a coisa que mais me faz sofrer usando hooks, acredito que não seja só minha essa dificuldade então pode virar até um novo vídeo, de qualquer forma esse já ajudou também, obrigado. Link para meu código: codesandbox.io/s/modest-hawking-2tpbj?file=/src/App.js
Fala Felipe! O problema ali é justamente o que eu comento no video, useState é assíncrono, por isso o teu 'cont' mostra o valor "atrasado", que na verdade não é atrasado, tanto é que na pagina aparece certo. Pra ver ele logando correto, faz um novo useEffect em baixo, assim: useEffect(() => { console.log(cont) }, [cont])
não é obrigado usar o nome prevState, né ? pode ser qualquer nome ... ou não?
Pode ser qualquer nome sim!
O objetivo do vídeo é excelente, mas dava pra ter feito tudo isso em 6 minutos de vídeo explicando tudo de forma objetiva. Sinceramente ia ser muito melhor.
Talvez desse, mas não sei se seria melhor, não sei se conseguiria comprimir tanto sem afetar a qualidade. De qualquer forma, obrigado pelo feedback, vou pensar nisso nos próximos
não sabe explicar nao man?
Muito bom!
👊