Progressive Web Apps Construa aplicações progressivas com React
Guilherme PontesPrefácio
Neste momento, é muito importante alinharmos as expectativas: este livro trata da construção de uma aplicação progressiva com React, um framework JavaScript para front-end. A versão final da aplicação possui quatro telas. Como os conceitos e componentes do React são reaproveitáveis, não será necessário discursar minuciosamente sobre todas as telas. O objetivo é construir a primeira ressaltando todos os detalhes e conceitos necessários.
Entretanto, não vamos apenas construí-la. Vamos fundamentá-la e evoluí-la juntos, olhando de perto cada tecnologia adotada, destacando suas vantagens e desvantagens. No final, você terá um exemplo de Progressive Web App (ou simplesmente PWA) funcional e bem codificado.
Avançaremos gradativamente nos conceitos, cobrindo todo aparato primário ou acessório. Iniciaremos com uma introdução ao mundo das PWAs, a nova fronteira das aplicações web contemporâneas. Seguiremos com fundamentos dos frameworks React, Pure.css e do servidor Nginx. Por seguinte, faremos a configuração do ambiente e a codificação em si, destacando todos os passos da construção da aplicação.
De forma sucinta, veja na imagem a seguir os temas que serão abordados.
Sempre haverá um estudo minucioso dos frameworks. Abordaremos como implementá-los de forma coerente com as boas práticas de desenvolvimento de software. Na conclusão, estudaremos como publicar nossa aplicação em ambiente de produção e como validá-la, sempre segundo as boas práticas.
Público-alvo e pré-requisitos
Este livro é para desenvolvedores front-end com pouca experiência em HTML e JavaScript. Experiência em ECMAScript 6 (sexta edição do JavaScript) é desejável, mas eventualmente trataremos do assunto com mais profundidade quando a sintaxe exigir. Conhecimento prévio em CSS não será necessário, pois os tópicos de estilização abordados terão os devidos esclarecimentos.
As boas práticas de um projeto React implicam necessariamente no uso da sintaxe JSX, mas não é necessário nenhum conhecimento prévio sobre ela. Faz parte do escopo deste livro tratá-la de forma suficiente para que você possa exercitar os códigos apresentados.
Como haverá tópicos associados à programação orientada a objetos, é preciso algum conhecimento sobre esse paradigma, tais como classes, atributos, herança e objetos. Esse pré-requisito é perfeitamente sanado por conhecimentos básicos em linguagens orientadas a objetos, como Java ou C#.
O objetivo principal desta obra é construir uma aplicação progressiva. Nenhum conhecimento prévio sobre o que são ou como construí-las será necessário. Trataremos disso de forma preciosa, por assim dizer, atentando-nos a cada detalhe conceitual ou técnico necessário.
Também faremos uso do Node.js, NPM, Webpack, Babel, Nginx, Pure.css e muitos outros frameworks e bibliotecas, acessórios à nossa aplicação. Se algum destes nomes lhe causar estranheza, não se preocupe! Falaremos sobre todos eles.
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
Dados do produto
- Número de páginas:
- 443
- ISBN:
- 978-85-94188-54-0
- Data publicação:
- 04/2018