Formações Front-end React: construindo PWA’s modernas e eficientes

Formação React: construindo PWA’s modernas e eficientes

Aprimore suas aplicações React com PWAs e ofereça uma experiência offline, notificações push e sincronização em segundo plano

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

Quero Estudar na Alura

18h

Para conclusão

Cursos

Vídeo extra

Artigos

React: construindo PWA’s modernas e eficientes

Você já pensou em transformar suas aplicações React em Progressive Web Apps (PWAs)? As PWAs combinam o melhor dos sites e dos aplicativos nativos, oferecendo uma experiência de usuário rica e interativa.

Transformar suas aplicações React em Progressive Web Apps (PWAs) é uma habilidade essencial para qualquer desenvolvedor. Pensando nisso, criamos esta formação para te capacitar nas melhores práticas e tecnologias envolvidas nesse processo.

O que você vai aprender:

Transformar aplicações React em PWAs completas;
Implementar service workers e usar a biblioteca Workbox;
Configurar notificações push e gerenciar notificações em segundo plano;
Sincronizar dados em segundo plano para melhorar a experiência do usuário;
Utilizar o Firebase para enviar notificações.

Para fazer esta formação é importante que já possui conhecimentos em React.

Ao final desta formação, você estará pronto para transformar suas aplicações React em PWAs robustas e eficientes, proporcionando uma experiência de usuário aprimorada e moderna.

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?

Neilton Seguins
Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.
Neilton Seguins
Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.

Passo a passo

1 PWA’s e service Workers
No primeiro passo da formação, vamos começar do básico e aprender o que é uma PWA. Descobriremos como transformar sua aplicação em um app instalável e como trabalhar com o plugin vitePWA. Exploraremos o uso de service workers utilizando o workbox, além de discutir estratégias de cache eficientes e boas práticas de segurança para PWAs.
Você aprenderá a criar uma aplicação que funcione offline, que seja rápida e confiável, utilizando as melhores ferramentas e técnicas disponíveis.
- Artigo Desvendando os service workers: ciclo de vida e atualização | Alura
- Curso React: transforme sua aplicação web em uma PWA
  08h
- Alura+ Utilizando o Chrome Dev Tools para desenvolvimento Front-end
- Artigo Quais as boas práticas de segurança para PWAs? | Alura
2 Notificações push e background sync
Neste passo, vamos nos aprofundar nas notificações push. Aprenderemos como integrá-las em nossa aplicação usando o Firebase Cloud Messaging para disparar notificações tanto em primeiro quanto em segundo plano. Exploraremos como criar notificações customizadas com a biblioteca React Toastify, além de implementar a sincronização em segundo plano.
Com estas habilidades, você será capaz de manter seus usuários engajados e informados, mesmo quando eles não estiverem ativamente usando seu aplicativo.
- Curso React: implemente notificações push e sincronização em background
  08h
- Artigo Cuidados com CSRF/XSRF ao utilizar a Push API | Alura