Curso base de React 2025: #30 - useMemo e useCallback guia simples de como e quando utilizar

Sobre esta lección

Precisa de ajuda? Solicite uma ajuda particular: https://forms.gle/Pu1aT2LsbU1nuTTDA Nessa aula final do curso Base de React, a gente vai fechar com chave de ouro te mostrando como otimizar a performance da tua aplicação usando dois hooks fundamentais: useCallback e useMemo. Até aqui, tu já construiu uma aplicação completa com autenticação, contextos e rotas. Agora é hora de entender como esses dois hooks podem te ajudar a evitar renderizações desnecessárias e deixar tudo mais leve e fluido, especialmente em aplicações mais robustas com muitos componentes e compartilhamento de estado. Eu vou te mostrar em detalhes como o useCallback evita que funções sejam recriadas a cada render e como isso impacta diretamente na performance quando essas funções são passadas via contexto. Vamos aplicar o hook em funções como login e logout e tu vai entender por que isso é crucial para que componentes filhos não sejam renderizados à toa. Também vamos aplicar o useMemo para armazenar valores computados como o e-mail formatado do usuário, garantindo que eles só sejam recalculados quando realmente necessário. Se tu chegou até aqui no curso, essa aula vai consolidar todo o teu aprendizado com uma visão mais técnica e avançada sobre performance no React. E se tu quer continuar evoluindo, lembra que os membros do canal já têm acesso ao curso avançado de React, que parte exatamente do ponto onde a gente parou aqui. Então, te inscreve, deixa o like e vem aprender a fundo como criar aplicações React realmente otimizadas e escaláveis. Nos vemos na próxima fase! Links mencionados no vídeo: 📖 Repositório do projeto - https://github.com/lvsouza/curso-base-de-react/tree/5c84c6a2bc79d6d3203b5401496ed6bcf51c5c2e 🗨️ Discord - https://discord.gg/ZC7JrPZn7P 🎬 CodarSe - https://codarse.com Outros cursos no canal: 🎩 Figma para DEVs - https://youtu.be/4rSPV1NbM10 ☪️ Curso de estilização no React - https://youtu.be/oUbPkR799fc 💎 Curso base de React - https://youtu.be/ggtWTKbhN_U 👑 React, Material UI 5 e Typescript - https://youtu.be/wLH1Vv86I44 🏆 Curso de API Rest, Node e Typescript - https://youtu.be/SVepTuBK4V0 Livros recomendados: 📘 Código limpo - https://amzn.to/43Xiick 📘 Arquitetura limpa - https://amzn.to/3ZMCStr 📘 Migrando sistemas monolíticos - https://amzn.to/45ByPDZ 📘 The Micro SaaS Handbook - https://amzn.to/4jCan93 Conteúdo: 0:00 | Apresentação da aula 0:25 | Avisos importantes 1:00 | Como otimizar a performance 2:00 | Como e quando utilizar o useCallback 4:00 | Explicação definitiva das dependências do React 11:00 | Como e quando utilizar o useMemo do React 14:30 | Finalização e agradecimentos CODARSE - Context API, useContext, useCallback e useMemo #ReactJS #Vite #TypeScript #JavaScript #FrontEnd #Programação