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

5
Cursos
2
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. 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.

  2. 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
      • Desenvolva técnicas avançadas de SSR com React para otimizar a carga inicial da aplicação
      • Construa um carrinho de compras interativo com Vite e Tailwind CSS
      • Refatore o gerenciamento de estado do carrinho de compras usando useContext
      • Crie estratégias para melhorar a performance e o SEO da aplicação
      • Utilize o Lighthouse para identificar e corrigir problemas de desempenho
      • Implemente as melhores práticas para a finalização de um projeto em React e TypeScript
    • Artigo Como construir aplicações SSR com React, React Router e Vite | Alura

    • Curso React Vite: monitorando aplicações com New Relic

      08h
      • Configure e utilize o New Relic para monitoramento e observação de aplicações React
      • Trate e gerencie erros em aplicações usando TypeScript
      • Implemente auditorias de performance com Lighthouse
      • Aplique práticas para manter a performance enquanto se estiliza com Tailwind
      • Analise e interprete logs para identificar e resolver problemas na aplicação
    • Site Observabilidade no Itaú - Hipsters Ponto Tech #334 - Hipsters Ponto TechHipsters Ponto Tech

  3. 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
      • Implemente o New Relic em uma aplicação React
      • Experimente monitorar em tempo real a performance da aplicação
      • Compare dashboards no New Relic para visualização de dados específicos
      • Justifique a utilização das Entities do New Relic para análise avançada
      • Crie e gerencie alertas proativos com New Relic
    • 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
      • Configure uma tag de script na para monitoramento avançado com New Relic
      • Aplique técnicas de gerenciamento de dados com useContext
      • Implemente monitorações sintéticas, incluindo Ping, Performance e User Flow com New Relic
      • Crie e customize alertas baseados em dados de monitorações sintética
      • Desenvolva componentes de notificação e gerenciamento de itens em aplicações React

Escola

Front-end

Além dessa, a categoria Front-end conta com cursos de HTML, CSS, React, Angular, JavaScript, jQuery,e mais...

Conheça a Escola

Comece hoje mesmo os cursos de React: maximizando a performance de Aplicações. Matricule-se agora!

Plus

De
R$ 1.800
por
12X
R$109
à vista R$1.308
  • Acesso a TODOS os cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

Matricule-se

Pro

De
R$ 2.400
por
12X
R$149
à vista R$1.788
  • Acesso a TODOS os cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

  • Luri, a inteligência artificial da Alura

    Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos, corrige exercícios e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com a Luri até 100 mensagens por semana.

  • Alura Língua - Inglês e Espanhol

    Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.

Matricule-se

Ultra

12X
R$209
à vista R$2.508
  • Acesso a TODOS os cursos por 1 ano

    Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Certificado

    A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.

  • Mentorias com especialistas

    No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.

  • Comunidade exclusiva

    Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.

  • Acesso ao conteúdo das Imersões

    Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.

  • App Android e iOS para estudar onde quiser

    Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.

  • Luri, com mensagens ILIMITADAS

    Mensagens ilimitadas para estudar com a Luri, a IA da Alura, disponível 24hs para tirar suas dúvidas, dar exemplos práticos, corrigir exercícios e impulsionar seus estudos.

  • Luri Vision, a IA que enxerga suas dúvidas

    Envie imagens para a Luri e ela te ajuda a solucionar problemas, identificar erros, esclarecer gráficos, analisar design e muito mais.

  • Alura Língua - Inglês e Espanhol

    Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.

  • 6 Ebooks da Casa do Código

    Escolha os ebooks da Casa do Código, a editora da Alura, que apoiarão a sua jornada de aprendizado para sempre.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas