O que você aprenderá_

Crie estratégias para evitar renderizações desnecessárias
Identifique e resolva problemas de renderização em cascata.
Faça a memorização de funções e valores com React.memo, useCallback e useMemo
Aplique técnicas de monitoramento com React DevTools
Analise o ciclo de vida dos componentes e aprimore sua performance
Integre o React Compiler com Vite e Babel para automação de otimizações

Público alvo_

Destinado a pessoas esenvolvedoras front-end que já possuem conhecimento intermediário em React e TypeScript, e desejam aprimorar suas habilidades em otimização de performance e resolver problemas complexos em aplicações React.

Pedro Celestino de Mello

Engenheiro de Software com foco em desenvolvimento mobile e front-end. Com mais de 9 anos de experiência, adora compartilhar conhecimento com a comunidade de desenvolvedores e aprender sobre novas tecnologias. Nas horas vagas é fácil encontrar ele nos campos de batalha de World of Warcraft, viajando com a esposa e os dogs ou curtindo um futebol americano com uma boa cerveja.

Curso atualizado em 08/08/2025

Já estuda na Alura?

Comece o curso agora

Ementa

Entendendo renderizações e performance
- Aprendendo sobre renderizações e custos de performance
- Primeira avaliação de renderizações
- Explorando os problemas de renderização
Otimizando com react.memo
- Aprendendo sobre React Memo
- Memoizando com o React Memo
- Testando a memoização com props do tipo função e objeto
Utilizando useCallback e useMemo
- Fundamentos dos Hooks useCallback e useMemo
- Utilizando useCallback e useMemo no Zoop Ecomm
- Aplicando melhorias de memoização na Home do projeto
Utilizando o React DevTools e Lighthouse
- Conhecendo o React Dev Tools
- Explorando a utilização da aba Components do React Dev Tools
- Explorando a utilização da aba Profiler do React Dev Tools
- Conhecendo o Google Lighthouse
- Utilizando o Google Lighthouse localmente e em sites externos
React Compiler e o futuro da otimização
- Conhecendo o React Compiler
- Configurando o React Compiler
- Testando uma build de produção com o React Compiler

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola