Conteúdo

PWA é um acrônimo para Progressive Web Apps, ou Aplicações Web Progressivas. Com o passar dos dias, mais e mais sistemas mobile e navegadores suportam os requisitos PWA, com uma expectativa real de que a Progressive Enhancement, ou melhoria progressiva, deixe de apenas pertencer às boas práticas de desenvolvimento web e passe a ser norma. Desenvolver com melhoria progressiva é um paradigma em que a aplicação deverá estar disponível para todos, sejam usuários de microcomputadores ou smartphones, com browsers atualizados ou obsoletos, com conexão à internet ou não, propiciando uma experiência de acesso contínuo sem nenhum tipo de restrição tecnológica.

Neste livro, Guilherme Pontes disseca a construção de uma aplicação progressiva com React e outras ferramentas, como o Pure.css e o servidor Nginx. Depois de ser apresentado ao mundo das PWAs, você passará por todos os passos da construção da aplicação, evoluindo-a com as mãos na massa, vendo de perto cada tecnologia adotada. No final, você terá um exemplo de PWA funcional e bem codificado, com todos os detalhes dos requisitos do desenvolvimento até a publicação em um ambiente real de produção.

As versões das ferramentas utilizadas são: React 15.6.1; Node.JS 6.13.0; Pure.CSS 1.0.0; Nginx 1.12.2; Webpack 3.0.0

Saiba o que você vai aprender

Sumário

• 1 Aplicações progressivas
• 1.1 Requisitos de uma aplicação progressiva
• 1.2 Criando nosso backlog
• 1.3 Conclusão

• 2 Fundamentos sobre frameworks e ferramentas
• 2.1 Fundamentos sobre o React
• 2.2 As principais engrenagens do React
• 2.3 IDE de desenvolvimento
• 2.4 Fundamentos sobre o Pure.css
• 2.5 Fundamentos sobre o Nginx
• 2.6 Conclusão

• 3 Configurando o ambiente de desenvolvimento
• 3.1 React no Browser
• 3.2 Arquitetura React com Node.js
• 3.3 Node.js e NPM
• 3.4 Configuração manual do projeto
• 3.5 Criando o projeto com create-react-app
• 3.6 Conclusão

• 4 Primeiros passos do desenvolvimento
• 4.1 Definição dos componentes
• 4.2 Construindo o componente App
• 4.3 Criando o componente cabeçalho
• 4.4 Criando o componente do novo usuário
• 4.5 Criando o componente Label
• 4.6 Reajustando o componente NovoUsuario
• 4.7 Conclusão

• 5 Componentes com estado e fluxo de eventos
• 5.1 Estados dos componentes
• 5.2 Criando o componente Input
• 5.3 Criando o componente de seleção de gênero
• 5.4 Conclusão

• 6 Componentes complexos e domínio da aplicação
• 6.1 O domínio da aplicação
• 6.2 Criando o componente Button
• 6.3 Ajustando o componente NovoUsuario
• 6.4 Criando o componente ImageScroller
• 6.5 Ajustando os componentes App e NovoUsuario
• 6.6 Conclusão

• 7 Codificando os requisitos progressivos
• 7.1 Salvando os dados no navegador
• 7.2 Salvando arquivos no navegador
• 7.3 Requisitos com verificação manual
• 7.4 Requisitos com verificação automática
• 7.5 Conclusão

• 8 Publicando a aplicação em produção
• 8.1 Ambiente de produção
• 8.2 Relatório do Lighthouse
• 8.3 Conclusão

• 9 Referências bibliográficas