Logo do curso
Curso

React:

otimização avançada de performance

Quero estudar na alura

14h

Para conclusão

5

Pessoas nesse curso

Certificado

De participação

Introdução_

O que você aprenderá_

  • Meça e analise indicadores de performance como LCP, INP e CLS.
  • Aplique técnicas avançadas de memoização, code splitting e hooks customizados.
  • Organize e modularize o código com tipagens customizadas e padrões de composição.
  • Utilize ferramentas como Google Lighthouse e Web Vitals para definir metas SMART.
  • Aprimore a gestão de estados com soluções como Zustand e Redux Toolkit.
  • Implemente estratégias para tratamento de operações assíncronas com Web Workers.

Público alvo_

Este curso é indicado para pessoas com conhecimentos básicos de React que desejam aprofundar suas habilidades em otimização de performance em aplicações front-end. Ao final do curso, será possível aprimorar a eficiência, escalabilidade e organização modular dos projetos, utilizando ferramentas modernas e técnicas avançadas de monitoramento e gestão de estados.

Pedro Celestino de Mello

Pedro Celestino de Mello

github

linkedin

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 24/02/2026

Ementa

  1. Entendendo métricas de performance em aplicações Web

    • Aprendendo sobre métricas de performance
    • Conhecendo o projeto Zoop Store
    • Adicionando o Web Vitals no projeto
    • Rodando o Lighthouse
  2. Evoluindo a performance com Custom Hooks

    • Conhecendo o guia de melhorias de performance
    • Implementando o primeiro custom hook
    • Implementando o custom hook de scroll
    • Implementando o custom hook de useProduct
    • Refatorando o código para utilizar os custom hooks
  3. Melhorando o carregamento com Lazy Load e Code Splitting

    • Aprendendo sobre otimização de imagens e bundle final
    • Criando um hook customizado para detecção de lazy load
    • Criando o componente de otimização de imagem
    • Iniciando o code splitting da aplicação
    • Configurando o rollup para otimização de tamanho
  4. Otimizando estado global com Zustand

    • Aprendendo sobre performance em gerenciamento de estado global
    • Criando a store para o Zustand
    • Criando um adapter para utilizar Context e Zustand juntos
    • Refatorando o código para utilizar somente o Zustand
  5. Avançando em performance com Web Workers

    • Avançando em Performance-Web Workers
    • Configurando o Comlink e criando nosso worker
    • Criando um hook para nosso Products Worker
    • Integrando o Web Worker no Zoop Store

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

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda React com esse e outros cursos, comece agora!

Conheça os Planos para Empresas