react pwa reference

React-Pwa-Reference

Um projeto de caldeira de projeto e um exemplo de referência para isomórfico Aplicativos da Web progressivos do Reactiflux Universal Reactiflux.

Resumo

Este projeto é uma evolução do exemplo de fluxo-reagt e fluxo-reagt-expler-SW que adiciona ferramentas e organização evoluídas. É um PWA de referência de desempenho bastante completo que usa rotas e conteúdo orientados a dados de um serviço anexado. O serviço de dados que impulsiona o aplicativo é este repositório do GitHub.

Pré -requisitos do ambiente

Apenas nó 14+
_{^{Algumas dependências de desenvolvimento deste projeto possuem instalações binárias (manipuladores de imagem), então YMMV.}}

Pilha

• N ode
• E xpress
• R eact (facebook)
• F Luxível (Yahoo)
• SW-Toolbox, SW-Precache (Google)
• Babel, Gulp, Webpack, Eslint, Mocha/Chai, Sass

Configurar

1. git clone https://github.com/localnerve/react-pwa-reference
2. npm install

Correr

Executar a produção

npm run build:server && npm start

Executar o desenvolvimento

npm run dev

Tarefas de desenvolvimento

Todos os comandos de desenvolvimento npm run :

comando	descrição
build:list	despejar a árvore de tarefas de construção de ativos para consolar
config:dev	despejar a configuração de desenvolvimento no console
config:prod	despejar a configuração de produção no console
dev	fiapos, construir ativos, iniciar o servidor, detalhado, node_env = desenvolvimento, offline não suportado
dev:analyze	Analise o arquivo de estatísticas do webpack e a análise de tamanho do pacote de despejo para console
dev:analyzer	Analisar o arquivo de estatísticas do WebPack visualmente
dev:ccss	Construa ativos CSS, assista e recompile Sass sobre a mudança
dev:debug	fiapos, construir ativos, servidor de início/depuração, node_env = desenvolvimento, aguarde o depurador Anex
dev:inspect	Como dev:debug , mas use o node -inspetor, melhor w/node 7+
dev:perf	fiapos, construir ativos, scripts com mapas de origem, servidor inicial, node_env = produção, suporte offline suportado
dev:prod	fiapos, construir ativos, iniciar servidor, node_env = produção, offline suportado
fixtures:dev	Crie acessórios de teste a partir do serviço de dados, desenvolvimento
fixtures:prod	Construir acessórios de teste a partir de serviços de dados, produção
lint	Execute o Linter em todo o projeto
perfbudget	Usado pelo CI para testar o orçamento de desempenho contra o serviço
test	Execute a suíte de teste inteira
test:cover	Execute o conjunto de testes inteiro, capture a cobertura e relate
test:debug	Construa com mapas de origem, inicie a suíte de teste, aguarde o depurador
test:inspect	Como test:debug , mas use o node -inspetor, melhor w/node 7+
test:func	Usado pelo CI para executar testes funcionais contra a grade de selênio
test:contact	Use para testar manualmente o trabalhador de contato após a atualização do NodeMailer

Fatos divertidos

1. webpack.github.io/analyse/#modules ainda funciona em arquivos de estatísticas do webpack para visualizar o gráfico de dependência do módulo.