React - Guia definitivo de performance (useMemo, useCallback, memo) - Code/drops #82 

Estou desenvolvendo um App usando React Native e me deparei com múltiplas re-renderizações desnecessárias e decidi seguir o desenvolvimento do módulo em que trabalhava para, depois, analisar como poderia resolver isso e refatorar o necessário. Finalmente chegou a hora e passei o final de semana lendo a respeito a fim de iniciar o processo hoje. Aí vem vocês e me presenteiam com esse vídeo com timing perfeito. Vocês, definitivamente, merecem o reconhecimento que possuem com todo esse conteúdo de qualidade que produzem!

Estou estudando Hooks a umas duas semanas agora e esse conteudo é o mais abrangente abordando profundamente os conceitos. conteudo de muito valor agregado. para quem estiver estudando aconselho aprofundar mais o conhecimento em documentações. ainda me pego na duvida de quando ou não usar.. acredito que so vou saber na pratica, no dia a dia.

Que conhecimento incrível, vou elevar meu react a um novo nível.

Esse algoritmo vai salvar muitos casais!

É raro eu comentar vídeos, mas devo dizer que é o melhor conteúdo sobre o assunto que encontrei mesmo após quase vários meses depois de ser lançado.

Conteúdo desse vídeo ficou incrível, já havia assistido os vídeos antigos explicando sobre o useMemo e useCallback, mas sem dúvidas nesse vídeo a explicação ficou muito mais clara!! Se possível, produz um novo cobrindo tudo sobre Redux com Duck Patterns 🙏

you have about the software. I personally enjoy learning so it was a little bit easier to do it over ti. But you’ll get there brother

51:13 eu em 90% do meu dia kkkkkkk

Muito bom. Já estou correndo para resolver uma penca de problemas com minha aplicação. Finalmente entendi o porquê de um componente mudava junto com o outro, estava maluco com isso.

Aula top! Tirou várias dúvidas... essa vale a pena ver de novo kkkk

Diego grava um vídeo falando sobre autenticação social no NextJS com backend próprio. Parabéns pelo vídeo!

Uma pena não conseguir dar 2 likes. Parabéns pelo conteúdo.

Muito bom, perfeito!!!

Conteúdo muito bom Diego! Me salvou em uma entrevista!!

Achei Toooooop! Obrigado por compartilhar o conhecimento, Diego.

Muito bom mesmo! Esse tipo de conteúdo é muito esclarecedor mesmo tendo a base. Está de parabéns Diego e todo time Rocketseat!!! \o

Muito bom! Obrigado

Aula muiito didática e informativa! Com certeza vai ajudar e muito nos projetos! 💜

Obrigado

Hey man, It works great and without any problems.

Que aula, Diegão!!! Boa demais

O brabo tem nome

the right and it will soft like magic!!

thanks, downloaded, all works!

Vlw Diego mais um conteudo de alto valor

Esse vídeo é incrivel!!

Ótimo vídeo! Faltou comentar que quando você utiliza o useMemo a callback é executada e o valor dela é armazenado na memória, e com o useCallback apenas a referência é armazenada, não executando a callback pela primeira vez. (Se foi dito me desculpe por favor, posso ter perdido).

Excelente conteúdo!!!! Aprendi muito!!

Que conteúdo massa !!!!

44:30 salvou minha pele.. ehehe

Diego começa a usar o Vite pra criar os projetos react nesses vídeos. Muito mais performatico que o CRA pra tudo, como você já deve saber.

Fala Diego! Parabéns pelo vídeo! Bastante esclarecedor e certamente um dos melhores que já assisti sobre o assunto! Deixa eu te fazer uma pergunta: como tem sido sua experiência como um todo usando o Linux ultimamente? Refiro-me ao desenvolvimento web e mobile, ferramentas, gravação e edição de vídeo, estabilidade geral do sistema, produtividade... Notei que em alguns vídeos vocês têm tido problema de indexação de arquivos ao excluir pastas no VSCode, e tals.. algo mais que você poderia compartilhar com a gente? Eu uso Mac desde 2010 e nas empresas em que trabalhei usando Linux eu gostei bastante, mas sempre tinha alguns detalhes ruins e nunca me sentia tão produtivo quanto no Mac. Como tem sido a sua experiência?

brabo y brabo 🔥

Esses dias passei numa entrevista e o headrunter e o SM da empresa e do time la perguntou: Conhece React, Node, Mongo e GraphQL................. eu disse: EU tenho senioridade em Javascript, tenho expertise. Essas questões de front ta tranquilo. Resumindo, nao passei claro. AI o headhunter disse que precisava de um cara fera no react etc.............. eu dei risada, e agradeci! Depois refletir: Poxa, não entendi, o que o react faz que eu não faria em codigo puro ???? Ai , claro, a conclusão............... a galera da nossa area é muito desenformado. Nao tem raizes, nao aprendem fundamentos de programação, compilador, computador, pilhas TCP/IP para entender os protocolos que usamos nas diversas camadas que interagem com a WEB e tal. Enfim........... a mente do povo ja esta alienada em utilizar tecnologias de outras empresas, tipo, seguir a MODINHA................ e desprezam o que realmente é importante, que é: CONHECER A LINGUAGEM que esta utilizando para desenvolver a solução

Não se entendi bem, mas é como se usando o callback, a função ficasse em uma memoria compartilhada assim a referencia pra função seria sempre a mesma.

thanks bro it's really help

Fala Diegao, obrigado pelo conteúdo Excelente Gostaria de um vídeo sobre teste no react native é sobre quais teste fazer e como Se possível algo mais avançado com contextApi, estados da aplicação e renderização condicional de componentes, por exemplo {isAuthenticated ? : } Ou também quando utilizamos loader na screen if (isLoading) { return } …… continuação componente export default Valeu

thank u helped me a lot

Diegão faz um video sobre error boundaries

assistindo

Show demais.

Salve! Grande vídeo, informações muito valiosas. Só um comentário, o React.memo considera apenas as props do componente, ou seja, um state ou context continuaria causando o update do componente

Fala Diego, que tal comparar a renderização do React com a do Vue?

I drank all the milky-milk in my sippy cup!

Fala Diego, poderia fazer um semelhante mostrando no react native, pois as ferramentas para pegar estes gargalos no RN são mais limitadas, pelo menos eu não conheço uma que mostre tão detalhadamente.

Diego, uma dúvida, você costuma usar 'const/arrow function' ou 'function' na criação de funções dentro de um componente?

11:45 Qual a sugestão pra esse "problema"?

just woke up in hospital.

Qual é o Linux o o.s que ele usou no vídeo?

Salve galera, tenho uma duvida, já vi muito em algumas discussões e alguns pacotes que o pessoal dentro de um context retorna o valor memorizado, ou seja, passa todo os valores do context dentro de um useMemo e exporta eles no provider. Gostaria de saber se se isso é realmente correto, e quais as situações isso pode ser "viavel"

Salve Diego!

Vue não faz isso por default?!

Po, tu explica muito bem de verdade. Mas tu faz uns barulho ca boca, que fica MUUUITO díficil assistir pra quem tem nervo de barulho. Igual quando uma pessoa ta comendo. Eu tento, tento, tento, pq sua explicação é boa, mas esses barulho... ARGHHH

Diego qual software você utiliza para gravar sua tela?

isso serve tanto pra React quanto pra React Native?

+sub, workis

Hey,

Hacked i guess

Eu acredito que se vc investir em ESTUDAR A LINGUAGEM javascript............ vc não precisa de NADA DISSO, é libs em cima de libs kkkkkkkkkkk é uma pra arruma o problema da outra, vcs percebe isso kkkk PQ, simples! PQ a ferramenta NAO TRABALHA corretamente........................ APRENDAM Javascript e desapegar de libs de terceiros e cris VC suas ferramentas ;))

Eu sendo psicopata por eficiência e desempenho olhando esse video...

Muito obrigado pelos vídos. Mas por favor: Compre um TECLADO SEM BARULHO por causa do microfone! 🙂🙂🙂

Acho que esses states do react, deveriam ser funções intrínsecas do sistema. E como se comparar linguagens que tem controle de memoria e outras nao. Java tem o Garbage collection intricicamenteo no sistema e algumas outras nao. Entao no final das contas parece ser um furo que merecia ser corrigido. Mas aula muido boa.

The tutorial is very informative how to get hack easily just follow the tutorial0_0)

Muito Grato Foi ótimo Na caminhada da aprendizagem básica em backend e intermediária em frontend . Interessante o REACT. Para mim que sou iniciante, parece um ótimo caminho de aplicação do javascript. Parabéns pelo ótimo trabalho e conteúdos. Abraços e sucesso ;)

put the softs on the play them back to myself lol..

Que vídeo, que vídeo, obrigadoo

Fala Diegão! cara... conteúdo sensacional!!! 💜🚀

vlw Diegão. Voltei aqui anos depois só pra revisar o useCallback, mas assisti tudo de novo só pra aproveitar e verificar o que no começo posso ter perdido e o que tenho usado com maestria.

I didn't know this video existed! Thanks bro! Really grateful.

It really is

Fr

Gostei bastante da aula, mas admito que voltei umas 5x no 20:15 kkkkkkkkkk

digitando com os pés porque estou aplaudindo com as mãos! rs 👏👏👏 conteúdo nota 1000! top!

Diego, amigo... as vezes tenho a sensação de que, foi você que criou a linguagem. Deus abençoe, mano! Fantástico!

Esse conteúdo foi um presente! tks!

Video monstro! Aprendi muito aqui.

Diego, podem existir casos de que eu queira que algum calculo seja executado toda vez que um estado mudar. Por exemplo, sempre que eu marcar um Todo como concluido, quer verificar a media de Todos. O useMemo encaixa-se nessa situação também ? Ou para esses casos, devemos usar sempre o useEffect?

Gosto muito dos seus vídeos!

Seria uma boa trazer video sobre testes👀🔥

Show

Opa !

Muito show!

Conteúdo incrível! Condensado, organizado, realmente de muito valor. Mas, e quanto ao tema sobre Presentional and Container Component Pattern?

Galerinha qual o sistema operacional que ele usa? valeeeu