Muito massa, peguei um projeto aqui com 385 ciclos de renderização, agora com a Context ele renderiza 82 vezes, agora vou usar isso aí e ver como fica.
Thank you for tNice tutorials! I've been trying to figure the software out on my own for a wNice tutorialle, and it's horribly confusing. TNice tutorials is the only guide video
Achei ótimo o video explicando esse hook de contexto e do useCallback confesso que fico receoso de usar libs "não oficiais" do react pois não sei até onde elas terão suporte e como isso vai afetar a refatoração no futuro mas o fato é inegável, essa lib ajudou muito!! gostaria muito de mais exemplos com useMemo e useCallback, uso pouco estes hooks e creio que podem ser beeem úteis
Acredito que por a API ser bem parecida quando a gente isola a lib no nossos próprios hooks fica muito fácil de alterar quando tiver o release no próprio React.
Conteudo massa demais, estou trabalhando em uma tarefa com context, e ele já estava ficando meio grandinho rs. Vou aproveitar esse ensinamento para refatora-lo
nesse caso opto por usar o mobx, gosto dele pq caso precisa mudar algo de um objeto internamente só vai ser renderizado quem "observou" a mudança, ele tem um foco na performance, quanto mais componentes pequenos observando uma coisa só melhor a performance. Dá pra usar o Observer que ajuda em casos que é chato separar em um componente um trecho de código
Eu desenvolvi um componente que renderiza um relatório complexo que é baseado na API do Context, e estava me perguntando justamente se havia alguma forma de impedir o componente de se re-renderizar (já que a construção do relatório é muito custosa), e me deparo com essa novidade que irá integrar o react no futuro.
É legal falar do useCallback e useMemo, uma vez que esses hooks geram um pouco de discussão, tem quem fale pra usar o useCallback em todos os callbacks e tem quem fale pra não abusar desses hooks.
Como sempre, ótimo conteúdo. Assim que você apresentou o problema, eu me lembrei da tua aula de React.memo; é que logo depois dela eu me interessei pela memoização e que, então, eu fui atrás de useMemo. Eu teria tentado resolver o problema com useMemo. Aí tu falas sobre useMemo e useCallback. Sim ver este conteúdo mostrado por ti vai ser legal! Queremos sim.
Um video mais detalhado no uso do useCallback, memo e useMemo seria muito massa. No meu trabalho, utilizo código mostrado neste canal, e quero agradecer tudo o que fazes por nós. Saudações de Portugal!
Excelente! Muito bem explicado. Obrigado pelo vídeo. Eu gostaria de ver conteúdo sobre useCallback e useMemo, apesar de já ter acesso ao conteúdo porque sou aluno do Ignite. Para quem não é aluno mas gostaria de ser, recomendo e muito o curso. A didática é excelente tal como os vídeos públicos.
Faaaala, Tiago! React é maravilhoso, né!? 💜 Poxa, valeu demais pelo carinho! 😉 🚀 Nós ficamos de olho nas pessoas que mais se destacam la na nossa comunidade do Discord... 👀 😛
@@rocketseat Muita coisa nova para todos os lados e muito difícil escolher um caminho entre tantas opções. A melhor opção hoje pode já não ser na semana que vem. Isso é bom por sabermos que toda inovação vem para melhorar a produtividade e o desempenho dos projetos, mas também gera insegurança para os projetos. React (Facebook) - Flutter (google) - .net (Microsoft) - Swift (Apple) Python .... -?
Ótimo conteúdo, aguardando mais sobre performance no React, principalmente useCallback. Seria interessante também um comparativo com Mobx. Parabéns Diego
Show de bola Diego. Mas vale a pena usar essa forma por agora ? Já q o core do React ainda esta em experimento ? useCallback e useMemo são muito bons mesmo. Manda mais conteudo sobre eles 😁
A Context API é incrível, dá uma versatilidade muito massa pro projeto. Escrevi um artigo sobre ela, quem se interessar só procurar por "AZagatti Utilizando a Context API eficientemente", valeu.
Ótima explicação Diego, obrigado pelo conteúdo. Uma dúvida, existe alguma forma de visualizar a renderização dos componentes no React Native, igual vc faz utilizando o devtools do navegador?
O DevTools pode ser usado no React Native. Você pode inclusive usar o Flipper (ua-cam.com/video/Cn3lEfOACFY/v-deo.html) que tem uma integração nativa no React Native (não funciona em apps com Expo no Managed Workflow).
Diego, muito legal essa abordagem! Dúvida: A ideia de ter contextos menores parece ótima, mas se usarmos isso para gerenciar estado na aplicação inteira e precisarmos de dados de outro contexto, como poderiamos lidar com isso? Ao se falar de chamadas à API, pensei que daria pra usar React-Query, mas não sei se faz sentido juntar com Context. Minha intenção é manter toda a lógica de negócio fora da View. O que recomendarias pra fazer isso?
Isso me parece bastante com o que o Recoiljs está trabalhando pra resolver. Ou seja, separar cada conjunto de dados nos seus devidos átomos e renderizar apenas aqueles que consomem cada átomo. Será que essa api vai "matar" o Recoil? Eu gostaria sim de mais vídeos sobre performance e useCallBacks e useMemo
#PR - De fato o useCallback/useMemo são ótimas maneiras de resolver problemas de renderização alem de melhorar a performance. Mas a mágica desse hooks não são gratuitas. Existe uma forma de medir o impacto e uso de recursos de processamento da nossa aplicação quado utilizamos muitas técnicas de "memorização"?
Vocês vão abrir turma nova do Ignite entre Agosto e Outubro ou só essa que está por vir agora? Queria muito fazer, mas ainda estou aprendendo Javascript Intermediário, falta JS Avançado, Html avançado e Css avançado pra mim terminar de estudar essa parte. E provavelmente não devo conseguir terminar de estudar isso tudo até as próximas inscrições do Ignite, até devido ao final de semestre da faculdade, com muitas provas… O que recomendam? Podem falar se vai ter mais turmas no próximo semestre?
@@dieegosf será que vale a pena eu comprar o ignite nesse que está por vir agora, e começar mais pra frente sem acompanhar voces? e depois quando lançarem o proximo eu refaço junto mais rápido para acompanhar... Voce acha que eu ficaria perdido 'sozinho'? kkkk
Eu to fazendo um projeto onde eu tenho uma tela que recebo uma listagem de uma API, e estou usando o Context para receber estes dados, guardar e também manipular estes dados, adicionando e removendo itens nesta lista usando hooks. Desta maneira é a mais correta ou seria melhor eu fazer este gerenciamento na própria tela onde eu só recebo os dados do Context?
Falaaa Diego, tenho reparado nos últimos vídeos que você tem utilizado `type` onde era normalmente utilizado `interface` para criar tipagens. Algum motivo específico? Abrasss!
Tem uma aula do GoStack que o Diego fala: "Funções dentro de uma outra função pai: useCallback, a partir de agora isso é uma regra no GoStack...rsrsrs", nunca mais tive problemas.
Se o app.for complexo, vai ficar bem verboso, muitos arquivos, porém com melhoria de performance incomparável. Muito bom. (Ansioso pela atualização do REACT)
Diego, tem alguma dica de como debugar a renderização dos componentes no React Native? Já sofri bastante por lá tendo que colocar váriosss logs! Obrigadoo 🚀
É o Kubuntu, Matheus! 😍 Vou deixar um vídeo do nosso querido Rodz estilizando: *Customizando KDE Plasma (Kubuntu, Manjaro, etc) | Guilherme Rodz* ua-cam.com/video/h-FsG-QpgfI/v-deo.html 💜
3 роки тому
Rocketseat está matando a pau, pena que comprei o bootcamp e estou com pouco tempo para estudar...
Não, diferente do useMemo, o useCallback é usado somente para o problema de igualdade referencial que eu cito no vídeo, vamos usa-lo principalmente quando estamos passando uma função de um componente pai para um filho e não queremos que o componente filho renderize quando o pai atualizar.
Falaaa, Jean! Dá uma olhadinha nesse vídeo: *Por que migramos para o Linux? Como testar apps iOS no Windows, GarageBand com RN? | **#PR** 15* ua-cam.com/video/HKE4ukzOz-U/v-deo.html 💜 🚀
Faaaala, Leonardo! Beleza!? Você já tem cadastro na nossa plataforma!? 😊 Na aba do *Discover* tem um botão escrito *Comunidade* que te redireciona pro nosso servidor! Dá uma olhadinha se por lá você consegue! 💜
@@rocketseat esse vídeo salvou a minha vida, tive esse problema só q em uma escala bem maior, tentei usar o Context do próprio react e n deu certo, tava ficando doido já, tinha tentado de quase tudo e msm assim tava renderizando tudo, vlw dms, vou implementar isso já
Zeeuus me free, react-sweet-state ta ai, FICA A DICA. Vcs tão transformando contextApi num redux built-in piorado com os mesmos problemas de verbosidade e wrappers. Pq da toda essa volta pra ainda ficar dependendo de consumer wrapper e não ter redux devtools.
Muito massa, peguei um projeto aqui com 385 ciclos de renderização, agora com a Context ele renderiza 82 vezes, agora vou usar isso aí e ver como fica.
Fala Diego! Sensacional!! Com certeza vai ser muito bom o próximo conteúdo de useCallback
Faaaala, Frank! Que massa que curtiu!
Pode deixar, anotei aqui a sua sugestão! 💜 😍
Aposto que quem fez a GoStack já estava com o useCallback na ponta da língua aí hehe
Ótimo vídeo Diego!
Mesmo eu que assisti ao episódio sobre React.memo associei.
Que massa que curtiu, Willian! 💜 😍
Não precisei nem fazer a GoStack haha
Justamente o que eu fazia, utilizava o useMemo e useCallback já que eles guardam referências de memória.
Eu nem fiz o GoStack e já estava na ponta da língua, por ter assistido a live de Diego no Facebook DevC
Djabéisso Diego, se garante demais, o seu trabalho na rocketseat anda educando muita gente véi. Obrigado de verdade!
Tamo junto!
Thank you for tNice tutorials! I've been trying to figure the software out on my own for a wNice tutorialle, and it's horribly confusing. TNice tutorials is the only guide video
Aula incrível como sempre! Adoraria ver mais sobre performance no react!
Valeu demais pelo carinho, Denis!
Opa, anotado! 😉 💜
Yes please! Performance video would be amazing!
Hey, Rubinsky!
Thanks for the suggestion! 😍 💜
TOP. E com certeza é um assunto a ser aprofundado no canal.
Achei ótimo o video explicando esse hook de contexto e do useCallback
confesso que fico receoso de usar libs "não oficiais" do react pois não sei até onde elas terão suporte
e como isso vai afetar a refatoração no futuro
mas o fato é inegável, essa lib ajudou muito!!
gostaria muito de mais exemplos com useMemo e useCallback, uso pouco estes hooks e creio que podem ser beeem úteis
Acredito que por a API ser bem parecida quando a gente isola a lib no nossos próprios hooks fica muito fácil de alterar quando tiver o release no próprio React.
Faaaala, Victor!
Sim, é um bom ponto pra se pensar! 🤔
Mas essa lib é muito prática, né!?
Pode deixar, sugestão anotadíssima! 💜
Conteudo massa demais, estou trabalhando em uma tarefa com context, e ele já estava ficando meio grandinho rs. Vou aproveitar esse ensinamento para refatora-lo
Faaaala, Robson!
Que massa! Depois conta pra gente como foi a experiência! 😍 💜
Excelentemente explicado.
Que show que curtiu, Douglas! 💜
Show de bola Diego. Já conhecia o usaCallback pelo GoStack, mas seria muito bom um vídeo atualizado sobre o mesmo. Abraço !
Deixa com a gente, Alexandre! 💜 😍
Lança a braba no useCallback e useMemo Diegão!!!!!
Ótimo vídeo Diegão, queria muito um vídeo explicando sobre como melhorar perfomance utilizando useCallback, useMemo etc.
Faaaala, Laerthe, beleza!? Que massa que curtiu! 💜
Pode deixar que anotei sua sugestão aqui! 😉 🚀
fera demais! Manda mais video de performance, useMemo, useCallback e useRef que ta pouco
Faaaala, Carlos! Que massa que curtiu!
Opa, sugestão anotada! 😍 💜
Nooossa o Diego ta cada vez mais explicativo, adoro isso kkkkkk. Gosto muito de aprender o funcionamento das coisas por dentro e nos detalhes. @.@
Com certeza seria muito bom um vídeo explicando o useCallback e o useMemo.
Perfeito, Danilo! Anotado! 😉 💜
Ótimo conteúdo, aguardando mais.
Show, Marcelo! Deixa com a gente... 👀 💜
nesse caso opto por usar o mobx, gosto dele pq caso precisa mudar algo de um objeto internamente só vai ser renderizado quem "observou" a mudança, ele tem um foco na performance, quanto mais componentes pequenos observando uma coisa só melhor a performance. Dá pra usar o Observer que ajuda em casos que é chato separar em um componente um trecho de código
Eu desenvolvi um componente que renderiza um relatório complexo que é baseado na API do Context, e estava me perguntando justamente se havia alguma forma de impedir o componente de se re-renderizar (já que a construção do relatório é muito custosa), e me deparo com essa novidade que irá integrar o react no futuro.
É legal falar do useCallback e useMemo, uma vez que esses hooks geram um pouco de discussão, tem quem fale pra usar o useCallback em todos os callbacks e tem quem fale pra não abusar desses hooks.
Fiquei curiosa com essa distro que estas usando Diego??!!! referente ao video, é terceira vez que eu assisto e acho mto bom
Com certeza eu quero o vídeo de useCallback!
Anotado... 👀 💜
Como sempre, ótimo conteúdo. Assim que você apresentou o problema, eu me lembrei da tua aula de React.memo; é que logo depois dela eu me interessei pela memoização e que, então, eu fui atrás de useMemo. Eu teria tentado resolver o problema com useMemo. Aí tu falas sobre useMemo e useCallback. Sim ver este conteúdo mostrado por ti vai ser legal! Queremos sim.
Que massa, Sidnei! E curtiu trabalhar com useMemo!? 💜
Pode deixa que anotei sua sugestão aqui! 😉 🚀
@@rocketseat sim gostei bastante, mas usei pra estudar, um exemplo do medium.com
PUTZ QUE AULA QUE AULA!!!!
uma pena que não funcionou aqui, que ódio
Show demais!! Gostaria muito de ver um vídeo mostrando a diferença entre useCallback e useMemo no React
Sugestão anotada, Arthur! 💜 🚀
Me ajudou muito!! Em 2023, já temos algo nativo que venha substituir o use-context-selector ?
Era o que eu precisava kkkkk
Muito bom o vídeo, poderia realmente gravar um vídeo específico sobre o useCallback.
Abraço.
Que show, Adriano!
Opa, sugestão anotada! 💜 😍
Muito bom! Queria sugerir um conteúdo sobre react query ou swr do Next, não sei qual seria mais recomendado para usar como padrão de data fetching :)
Faaaala, Giuliana!
Opa, sugestão anotadíssima! 💜 🚀
Um video mais detalhado no uso do useCallback, memo e useMemo seria muito massa. No meu trabalho, utilizo código mostrado neste canal, e quero agradecer tudo o que fazes por nós. Saudações de Portugal!
hanks lot Sir.. You helping us..
Muito bom o vídeo. Mas gostaria de ver o exemplo utilizando useReducer no provider passando o state e o dispatch no value!
Excelente! Muito bem explicado. Obrigado pelo vídeo. Eu gostaria de ver conteúdo sobre useCallback e useMemo, apesar de já ter acesso ao conteúdo porque sou aluno do Ignite. Para quem não é aluno mas gostaria de ser, recomendo e muito o curso. A didática é excelente tal como os vídeos públicos.
Faaaala, Felipe! Beleza!?
Que massa seu feedback! Gratificante demais ler isso! 💜 😍
Pode deixar! Sugestão anotadíssima! 😉
Muito bom acho que estou viciado em React e o conteúdo de vocês é simplesmente magnifico, meu objetivo é trabalhar na Rocketseat um dia
Faaaala, Tiago!
React é maravilhoso, né!? 💜
Poxa, valeu demais pelo carinho! 😉 🚀
Nós ficamos de olho nas pessoas que mais se destacam la na nossa comunidade do Discord... 👀 😛
Essa colcha de retalhos da programação web não termina nunca.
Muita coisa nova a todo momento, né, Walfredo? 👀
@@rocketseat Muita coisa nova para todos os lados e muito difícil escolher um caminho entre tantas opções. A melhor opção hoje pode já não ser na semana que vem. Isso é bom por sabermos que toda inovação vem para melhorar a produtividade e o desempenho dos projetos, mas também gera insegurança para os projetos. React (Facebook) - Flutter (google) - .net (Microsoft) - Swift (Apple) Python .... -?
Muito bom este CodeDrops!!! Crescendo tecnicamente com a Rocket! Um vídeo sobre use Callback seria top também 😁👏👏🚀
Que show esse feedback, George!
Booora pra cima com a gente! 🚀 😍
@@rocketseat Só vamos pra cima 👏👏👏🚀🚀🔥🔥🔥😍
Acho que um vídeo sobre useCallback seria mt top, saber o por que usar e como ajuda demais!!!
Faaaala, Pedro!
Opa, sugestão anotada! 😉 💜
Top! faz um video sobre performance no react!
Pode deixar, Jeff! Sugestão anotada aqui! 💜
Seria baita demais um vídeo sobre useCallback e useMemo! haha
Aguardandooo :p
Sugestão anotada... 👀 💜
Ótimo vídeo! Estou esperando pelos outros de useCallback, useMemo etc hahahahaha
Deixa com a gente... 👀 💜
ótimo conteúdo
Conteúdo avançado de testes automatizados!!!
Maravilha, Daniel! Sugestão anotada! 💜
Esperando o conteudo sobre useCallback e use Memo! Parabens pelo conteudo
Ótimo conteúdo, aguardando mais sobre performance no React, principalmente useCallback. Seria interessante também um comparativo com Mobx. Parabéns Diego
Que massa que curtiu, Luciano! 💜
Pode deixar! Sugestão anotada! 😉
Acho interessante esse assunto de performace no react, com uso ou mal uso é possível criar um monstro muito fácil hehe
Demais, né, Marcus!? 👀
muito bommmm!!!
Muito bom
Valeeeeu, Brendow! 💜
Fala Diego, por favor faça sim vídeos de performance nos hooks useCallback e useMe no, isso já foi motivo de muita discussões na empresa.
Faaaala, Adeilson! Beleza!?
Opa, anotei sua sugestão aqui! Deixa com a gente! 💜 😍
muito bom o video. Agora só esperando os videos de useMemo e useCallback ...
Que massa que curtiu, Rafael! 💜 🚀
Putz, excelente o vídeos. Faz majs um aulao ai com useMemo, UseCallback...etcetc.
Tea with me, ou traduzindo, chá comigo!
Hoje em dia ja saiu o context selector nativo?
Show de bola Diego. Mas vale a pena usar essa forma por agora ? Já q o core do React ainda esta em experimento ?
useCallback e useMemo são muito bons mesmo. Manda mais conteudo sobre eles 😁
A Context API é incrível, dá uma versatilidade muito massa pro projeto. Escrevi um artigo sobre ela, quem se interessar só procurar por "AZagatti Utilizando a Context API eficientemente", valeu.
É incrível, né, Zagatti!?
Que massa! Parabéns! 💜 😍
show de conteúdo!
Que massa que curtiu! 😍 💜
Ótima explicação Diego, obrigado pelo conteúdo. Uma dúvida, existe alguma forma de visualizar a renderização dos componentes no React Native, igual vc faz utilizando o devtools do navegador?
O DevTools pode ser usado no React Native. Você pode inclusive usar o Flipper (ua-cam.com/video/Cn3lEfOACFY/v-deo.html) que tem uma integração nativa no React Native (não funciona em apps com Expo no Managed Workflow).
Diego, muito legal essa abordagem!
Dúvida: A ideia de ter contextos menores parece ótima, mas se usarmos isso para gerenciar estado na aplicação inteira e precisarmos de dados de outro contexto, como poderiamos lidar com isso?
Ao se falar de chamadas à API, pensei que daria pra usar React-Query, mas não sei se faz sentido juntar com Context. Minha intenção é manter toda a lógica de negócio fora da View. O que recomendarias pra fazer isso?
Isso me parece bastante com o que o Recoiljs está trabalhando pra resolver. Ou seja, separar cada conjunto de dados nos seus devidos átomos e renderizar apenas aqueles que consomem cada átomo. Será que essa api vai "matar" o Recoil?
Eu gostaria sim de mais vídeos sobre performance e useCallBacks e useMemo
Fala Diego, exatamente. Não acho que vai matar, só vai deixar o trabalho do Recoil mais simples :)
#PR - De fato o useCallback/useMemo são ótimas maneiras de resolver problemas de renderização alem de melhorar a performance. Mas a mágica desse hooks não são gratuitas. Existe uma forma de medir o impacto e uso de recursos de processamento da nossa aplicação quado utilizamos muitas técnicas de "memorização"?
Faaaala, Leandro!
Opa, valeu demais por deixar sua dúvida pra gente! 😍 💜
Ótimo video Diego, essa lib, funcionam no RN?
Opa, acredito que sim, mas não cheguei a testar. Vale o teste e falar aqui nos comentários :)
Vocês vão abrir turma nova do Ignite entre Agosto e Outubro ou só essa que está por vir agora? Queria muito fazer, mas ainda estou aprendendo Javascript Intermediário, falta JS Avançado, Html avançado e Css avançado pra mim terminar de estudar essa parte. E provavelmente não devo conseguir terminar de estudar isso tudo até as próximas inscrições do Ignite, até devido ao final de semestre da faculdade, com muitas provas… O que recomendam? Podem falar se vai ter mais turmas no próximo semestre?
Fala Eduardo, provavelmente teremos sim, mas ainda não sei te dizer as datas.
@@dieegosf será que vale a pena eu comprar o ignite nesse que está por vir agora, e começar mais pra frente sem acompanhar voces? e depois quando lançarem o proximo eu refaço junto mais rápido para acompanhar... Voce acha que eu ficaria perdido 'sozinho'? kkkk
A api Context Selectors também pode ser utilizada no React-native?
COOKING UP LIVE in soft soft!
como vc faz para aparecer esse auto import no vscode?
E se eu usar useCallback nas funções ocorre a igualdade referencial pois a callback será criada com a mudança do provider...?
Gostaria que o tamanho da fonte do vscod tivesse um tanho aceitavel, pois quase nao é possivel ver o codigo feito
Em 2024 isso ainda é válido? Ou o React 18 já está fazendo por si próprio? PS: Ótimo video como sempre ;)
traz mais videos sobre performance no react!!!
Sugestão anotada... 👀 💜
Eu to fazendo um projeto onde eu tenho uma tela que recebo uma listagem de uma API, e estou usando o Context para receber estes dados, guardar e também manipular estes dados, adicionando e removendo itens nesta lista usando hooks.
Desta maneira é a mais correta ou seria melhor eu fazer este gerenciamento na própria tela onde eu só recebo os dados do Context?
Video sobre performance siiiim pf
Opa, deixa com a gente! 😉 💜
Vc utilizou alguma extensão pra mostrar o erro com o código na tela? 12:38
Faaaala, Matheus! Beleza!? Isso é do próprio Next! 😉 💜
Alguém sabe como podemos testar um componente que usa os hooks conforme está nesta aula ?
Falaaa Diego, tenho reparado nos últimos vídeos que você tem utilizado `type` onde era normalmente utilizado `interface` para criar tipagens. Algum motivo específico? Abrasss!
Tem dias que eu acordo querendo usar interface, outros acordo querendo usa type, nada especial.
Obrigado por matar a curiosidade, huahuahuahua
Tem uma aula do GoStack que o Diego fala: "Funções dentro de uma outra função pai: useCallback, a partir de agora isso é uma regra no GoStack...rsrsrs", nunca mais tive problemas.
Essa regra é ótima, né, Fabiano!? 🤣 💜
@@rocketseat Putz, nem me fala. Nunca mais esqueço disso 😉
Que show! 💜
@@rocketseat a melhor!
fala um pouco sobre as outras alternativas para o redux alem da context ou mobx, como o zustand
Faaaala, Iuri! Perfeito! Sugestão anotada! 💜 😍
Se o app.for complexo, vai ficar bem verboso, muitos arquivos, porém com melhoria de performance incomparável. Muito bom.
(Ansioso pela atualização do REACT)
Exatamente, Leandro! Bom ponto! 😉 💜
Orando para sair um vídeo sobre MobX no React
Faaaala, Sampaio!
Sugestão anotada! 😍 💜
ja está nativo no react os seletores?
Diego, tem alguma dica de como debugar a renderização dos componentes no React Native? Já sofri bastante por lá tendo que colocar váriosss logs! Obrigadoo 🚀
Você consegue usar o React DevTools no React Native, inclusive se usar o Flipper já vem integrado isso :)
@@dieegosf Caracas! Muito bommmmm!
Eu utilizo o React Dev Tools, Redux Dev Tools e tem uma forma de debuggar passo a passo pelo VSCode tbm
@@thiagodomingues7396 top thiago, a questão que pegou foi visualizar os componentes se renderizando mesmo :) vlw
E o Svelte?
Qual sistema operacional tu tá usando Diego?
É o Kubuntu, Matheus! 😍
Vou deixar um vídeo do nosso querido Rodz estilizando:
*Customizando KDE Plasma (Kubuntu, Manjaro, etc) | Guilherme Rodz*
ua-cam.com/video/h-FsG-QpgfI/v-deo.html
💜
Rocketseat está matando a pau, pena que comprei o bootcamp e estou com pouco tempo para estudar...
Qual é o tema do kde que o Diego usa?
Dracula.
@@dieegosf valeu!
Gostaria muito do useCallback e useMemo detalhado por favor!
É pra já!
Só usar callback sem o context selector n funcionaria?
Não, porque o componente que utiliza o useContext atual escuta todo o contexto ao invés de um único pedaço de informação.
Fala Diego. Vc acha q todas as funções deveriam ser criadas usando usecallback. Se não pq não é recomendável usar?
Não, diferente do useMemo, o useCallback é usado somente para o problema de igualdade referencial que eu cito no vídeo, vamos usa-lo principalmente quando estamos passando uma função de um componente pai para um filho e não queremos que o componente filho renderize quando o pai atualizar.
@@dieegosf obrigado. Espero vários conteúdos esse ano. Sucesso
Até o minuto 8, minha mente já aqui: só usar o recoiljs no lugar de contextAPI. Rsrsrsr
Continuo com esse pensamento huahua
Pq saiu do mac e foi pro linux? estou querendo ir tbm...
Pesquisa por "Rocketseat Linux", uma parição atrás, Diego e Mayk.
Falaaa, Jean!
Dá uma olhadinha nesse vídeo:
*Por que migramos para o Linux? Como testar apps iOS no Windows, GarageBand com RN? | **#PR** 15*
ua-cam.com/video/HKE4ukzOz-U/v-deo.html
💜 🚀
Faz um usando os uses do react dkdkdkkd
Faaaala, Matheus! Opa, sugestão anotada... 👀 💜
Não consigo entrar no servidor do Discord, poderiam reenviar o convite por favor?
Faaaala, Leonardo! Beleza!?
Você já tem cadastro na nossa plataforma!? 😊
Na aba do *Discover* tem um botão escrito *Comunidade* que te redireciona pro nosso servidor!
Dá uma olhadinha se por lá você consegue! 💜
Manda Bala no usecallback
Faz sobre useCallback e useMemo PFVVVVVV!!!!!!!!!!!!!!!
Faaaala, Luiz!
Opa! Anotado aqui! 💜 😉
@@rocketseat obg!! Vcs são dms
@@rocketseat esse vídeo salvou a minha vida, tive esse problema só q em uma escala bem maior, tentei usar o Context do próprio react e n deu certo, tava ficando doido já, tinha tentado de quase tudo e msm assim tava renderizando tudo, vlw dms, vou implementar isso já
Faz do usecallback pf
Deixa com a gente! 💜
como implementar typescript react-router-dom
Faaaaala, Osmar! Sugestão anotada! 💜 🚀
"Context Selectors deve vir logo". 2 anos depois............... 😓
😅
kkkkkkkkkkkkk né isso
lazy loading
Ótima sugestão, Gabriel! 😍 💜
ContextApi é meme, se empolgaram em saír do redux e continuam criando wrapper hell em pleno 2021
Zeeuus me free, react-sweet-state ta ai, FICA A DICA.
Vcs tão transformando contextApi num redux built-in piorado com os mesmos problemas de verbosidade e wrappers.
Pq da toda essa volta pra ainda ficar dependendo de consumer wrapper e não ter redux devtools.