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 29/08/2023
Já estuda na Alura?
Comece o curso agoraEmenta
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
-
Formação
Gerencie aplicações React com Typescript
8h
De curso
44
Atividades
Escola
Front-end
Pessoas estudando esse curso nesse mês:
Estude com elas
Guilherme Henrique Rocha dos Santos
Luiza Marlene Oliveira Dias
Rebecca Domiciano Ignácio
Marcelo Calandrini Chaves
ROSELE FERNANDES SILVA
e mais 188 pessoas
e mais 188 pessoas
Faça parte da nossa comunidade no discord!
Troque conhecimentos com a comunidade da Alura
Aprenda React com esse e outros cursos, comece agora!
Plus
De
R$ 1.800
12X
R$109
à vista
R$1.308
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
Pro
De
R$ 2.400
12X
R$149
à vista
R$1.788
- Acesso a TODOS os cursos da Alura
Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
- Alura Challenges
Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.
- Alura Cases
Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.
- Certificado
Emitimos certificados para atestar que você finalizou nossos cursos e formações.
- Luri powered by ChatGPT
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.
- Alura Língua (incluindo curso Inglês para Devs)
Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.
Acesso completo
durante 1 ano
Estude 24h/dia
onde e quando quiser
Novos cursos
todas as semanas