Formações Front-end React: maximizando a performance de Aplicações

Formação React: maximizando a performance de Aplicações

Desenvolva suas habilidades em React para criar aplicações performáticas e adicione camadas de observabilidade na aplicação

* Esta formação faz parte dos nossos cursos de Front-end

Quero Estudar na Alura

41h

Para conclusão

Cursos

Artigos

Formação React

Com a crescente demanda por aplicações web cada vez mais rápidas e eficientes, é crucial para as pessoas desenvolvedores dominarem técnicas avançadas de otimização de performance em suas aplicações React. Nesta formação, você mergulhará fundo no mundo da otimização, aprendendo a identificar e resolver problemas de performance enquanto domina ferramentas essenciais para monitoramento e melhoria contínua.

Por que estudar esta formação?

Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
Do básico ao avançado
Formação completa para o mercado
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse

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

Conheça os planos

Com quem você vai aprender?

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.
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.

Passo a passo

1 Desvendando o mundo das métricas de performance
Aprenda a identificar problemas de desempenho em uma aplicação React e como utilizar recursos da própria biblioteca, como useMemo, memo e importação tardia (lazy import), para otimizar os marcadores de desempenho. Utilize o React.Profiler e a extensão React Dev Tools para identificar renderizações desnecessárias e ter acesso ao ciclo de vida de um componente.
Além disso, você irá utilizar o Google Lighthouse para medir, em tempo real, a performance de uma aplicação, tanto em ambiente de desenvolvimento quanto em ambiente produtivo. Adicione indicadores de carregamento no código para resolver o problema das 'telas brancas' para o usuário.
- Curso React: identificando problemas de performance com o Google Lighthouse
  08h
- Site Como deixar meu site mais rápido? Performance Web - Hipsters Ponto TechHipsters Ponto Tech
- Artigo Métricas de performance centradas no usuário | Alura
2 Maximizando o desempenho com SSR e Observabilidade no projeto
Converta um projeto Single Page Application em Vite para Server Side Rendering. Compare as métricas de performance de uma aplicação SPA para uma SSR e entenda conceitos como hidratação de conteúdo e funcionamento do SSR por baixo dos panos.
Aprenda a utilizar ferramentas de observabilidade para monitorar, analisar e aprimorar continuamente o desempenho do projeto e automatize relatórios do Lighthouse através de GitHub Actions.
- Curso React: utilizando SSR para otimizar a performance da aplicação
  08h
- Artigo Como construir aplicações SSR com React, React Router e Vite | Alura
- Curso React Vite: monitorando aplicações com New Relic
  08h
- Site Observabilidade no Itaú - Hipsters Ponto Tech #334 - Hipsters Ponto TechHipsters Ponto Tech
3 Dominando o monitoramento com New Relic
Mergulhe nas funcionalidades que o New Relic oferece e aprenda a extrair o máximo da ferramenta de maneira descomplicada.
Configure dashboards e alertas para obter observabilidade além do ambiente de desenvolvimento. Aprenda a identificar rapidamente os problemas na aplicação e como agir de maneira precisa para solucioná-los.
- Curso React: customizando alertas e dashboards com New Relic
  08h
- Site Ferramentas de Monitoramento e Observabilidade - Hipsters Ponto Tech #281 - Hipsters Ponto TechHipsters Ponto Tech
- Curso React: explorando monitorações sintéticas e alertas avançados com New Relic
  08h