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!
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ê!
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
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...
@@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])
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
Caramba, não tenho palavras suficientes para expressar o quanto sou grato por essa aula. Sua didática é incrível cara, continua. Sucesso!
😍 obrigado!!!
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 =)
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!
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 😃
A explicação quanto ao prevState valeu demais o vídeo, Bruno... Show! Abs;
Muito Bom!!! Parabéns , ansioso para mais conteúdos assim de React.
Conteúdo apresentado com maestria. Muito obrigado. Deus abençoe você.
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! 👊
Vídeo excelente! Obrigada por disponibilizar!
Eu que agradeço! 🤗
excelente explicação!!!!
super conteúdo, parabéns e espero aprender mais dicas dessas.. pq eu utilizava do spread e nao sabia desse problema!
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 👊
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
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!
👊
Muito top saber o pq das coisas.
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! :)
Ó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 :/
que vídeo bom, parabéns
Obrigado!!
Queria tanto um curso desse cara
E nós temos! codar.me/cursos/desenvolvendo-software-de-verdade
Não entendi bem essa parte final do initialstate, seria interessante um video.. Obrigado =)
Boa, anotado aqui, farei assim que possível, obrigado!
Excelente
Muito bom!
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])
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 é obrigado usar o nome prevState, né ? pode ser qualquer nome ... ou não?
Pode ser qualquer nome sim!
não sabe explicar nao man?
Muito bom!
👊