Para descobrir as melhores formas de desenvolver um Progressive Web App, já vamos lembrar o que isso significa:
Um PWA combina as funcionalidades de um site, uma internet e um aplicativo nativo.
Graças aos padrões da Web aprimorados, os navegadores agora suportam o Service Worker e o Web App Manifest. Assim, é possível navegar em um site sem internet, seja no celular ou no computador, como um aplicativo. A possibilidade de receber notificações pelo navegador e adicionar o site como aplicativo na tela inicial agora deixa os sites ainda mais próximos do comportamento dos aplicativos nativos.
Uma grande desvantagem para os sites era sua navegação mais longa, baixando cada página sob demanda, em comparação com a exibição imediata de aplicativos nativos. Agora que é possível fazer backup de todos os arquivos e navegar sem internet, essa diferença foi claramente apagada pela sensação real de velocidade.
Apartamento pequeno : se você deseja criar um aplicativo cujo desempenho seja aumentado por gráficos e cálculos (videogame, ..), resta considerar o desenvolvimento nativo que sempre será mais rápido no dispositivo cliente.
Em suma, um PWA é um site desenvolvido usando tecnologias padrão da web (HTML, CSS e Javascript), mas que se comporta em todos os aspectos como um aplicativo nativo.
#Ferramentas de desenvolvimento:
Se você optar por desenvolver ou fazer a transição do seu site para um PWA, dependendo do projeto, aqui estão algumas das ferramentas mais populares atualmente:
Reagir :
https://fr.reactjs.org/
Um framework javascript lançado e mantido pelo Facebook.
Essa ferramenta é conhecida por ser mais leve e flexível que o Angular. Você pode adicionar recursos à medida que avança e ser relativamente livre na organização do código, mas as restrições de desenvolvimento geralmente são favorecidas em equipes maiores.
Uma vantagem é que aprender este framework também permite conhecer o ReactNative (do Facebook) que permite criar aplicativos nativos.
Angular :
https://angular.io/
A estrutura projetada e mantida pelo Google. Framework diz "pesado" no sentido de que restringe o desenvolvimento o suficiente e vem com um conjunto de recursos javascript desde o início.
Prós e contras : Interesse por equipes em crescimento e/ou projetos de longo prazo, pois o código precisa ser bem organizado. A incorporação do Typescript também vai nessa direção, porque levará mais tempo no curto prazo para escrever em Typescript do que em javascript, mas o código será mais legível e os erros serão mais fáceis de detectar.
Vue.js :
https://vuejs.org/
Estrutura de código aberto feita por um ex-desenvolvedor do Google. Este framework é mais recente e tem disparado nos últimos anos, devido à sua assim chamada simplicidade e bom desempenho. Da mesma forma que o React, esta ferramenta vem de uma forma leve e permite que você adicione bibliotecas javascript à medida que avança em seu projeto.
Iônico :
https://ionicframework.com/
Uma estrutura para desenvolver aplicativos híbridos e PWAs. Através de uma Webview, o Ionic possibilita a obtenção de um aplicativo na loja com tecnologias web. Também é possível desenvolver PWAs com esta plataforma que também suporta React e Angular.
Polímero :
https://www.polymer-project.
Desenvolvido pelo Google, Polymer é uma biblioteca javascript para criação de aplicações web. Mais próximo dos padrões da web, mas menos popular; é possível acompanhar o possível futuro da web através desta tecnologia que empurra a linguagem existente em vez de se conformar a uma estrutura.
Lighthouse :
https://developers.google.com/
Ferramenta desenvolvida pelo Google para medir os diferentes controles deslizantes de PWA de um site. Isso pode ser muito útil durante o desenvolvimento de funcionalidades do PWA (navegação offline, teste de desempenho, etc.).
Bom desenvolvimento!
Maxime, Desenvolvedor Full Stack@UX-Republic
