O que você aprenderá_

Saiba como analisar componentes e páginas que podem ser mais performáticas
Conheça a fundo como o React renderiza seus componentes, também termos como Virtual DOM e Reconciliation.
Aprenda como memoização e imutabilidade se complementam e porque eles são tão importantes no universo React
Entenda diferenças entre memo e useMemo e quando utilizar cada um deles
Utilize a extensão React Devtools de forma prática para analisar tempos de renderização de componentes e o motivo dos componentes estarem atualizando

Público alvo_

Desenvolvedores que já têm mais conhecimento sobre React e desejam saber mais sobre Performance Desenvolvedores React que querem entender sobre Code Splitting, Lazy loading e dynamic imports dentro do ambiente React Desenvolvedores React que querem saber mais sobre Ciclo de vida React, Memoization, Virtual DOM e Reconciliation Desenvolvedores React que gostariam de aprender como utilizar a extensão React Devtools para analisar performance.

Luiz Fernando Ribeiro

Curso atualizado em 22/05/2024

Já estuda na Alura?

Comece o curso agora

Ementa

Entendendo a estrutura
- Apresentação
- O que é JSX
- Entendendo a estrutura React
- Explicando Virtual DOM
Memoização
- Reconciliação
- React.memo
- Detalhes do memo
Memo em listas
- Explicando a prop key
- React Developer Tools
- Utilizando o memo
Analisando o cardápio
- Buscador
- Ordenador
- Menu cardápio
Performance entre telas
- Olhando para o Router
- React.lazy
- Usando React.lazy
- React.lazy no prato
- Conclusão

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