react pwa reference

react-pwa-référence

Un chauffe-plaque de projet et un exemple de référence pour isomorphe Applications Web progressives réactives universelles.

Résumé

Ce projet est une évolution de l'exemple de flux-échantillon et du flux-échantillon-échantillon-SW qui ajoute l'outillage et l'organisation évolués. Il s'agit d'un PWA de référence assez complet et d'esprit qui utilise des itinéraires et du contenu basés sur les données à partir d'un service ci-joint. Le service de données stimulant l'application est ce repo GitHub.

Prérequis de l'environnement

Juste nœud 14+
_{^{Certaines dépendances de développement de ce projet ont des installations binaires (manipulateurs d'image), donc ymmv.}}

Empiler

• N ode
• Exprimer
• R eact (Facebook)
• F luxible (yahoo)
• SW-Toolbox, SW-PRECACH (Google)
• Babel, Gulp, Webpack, Eslint, Mocha / Chai, Sass

Installation

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

Courir

Gérer la production

npm run build:server && npm start

Run développement

npm run dev

Tâches de développement

Toutes les commandes de développement npm run :

commande	description
build:list	Jetez l'arbre des tâches de construction d'actifs à la console
config:dev	vider la configuration de développement vers la console
config:prod	vider la configuration de production à la console
dev	peluche, construire des actifs, démarrer le serveur, verbose, node_env = développement, hors ligne non pris en charge
dev:analyze	Analyser l'analyse du fichier de statistiques WebPack et de vidage de la taille du bundle sur console
dev:analyzer	Analyser visuellement le fichier de statistiques de webpack
dev:ccss	Construisez les actifs CSS, montez et recompile les sass sur le changement
dev:debug	peluche, construire des actifs, serveur de démarrage / débogage, node_env = développement, attendre le débogueur
dev:inspect	Comme dev:debug , mais utilisez Node - inspecter, meilleur w / nœud 7+
dev:perf	peluche, actifs de construction, scripts avec cartes source, serveur de démarrage, node_env = production, prise en charge hors ligne
dev:prod	peluche, actifs de construction, serveur de démarrage, node_env = production, supporté hors ligne
fixtures:dev	Créer des luminaires de test à partir du service de données, développement
fixtures:prod	Créer des luminaires de test à partir du service de données, de la production
lint	Exécutez Linter sur le projet entier
perfbudget	Utilisé par CI pour tester le budget de performance contre le service
test	Exécutez toute la suite de tests
test:cover	Exécutez toute la suite de test, la couverture de capture et le rapport
test:debug	construire avec des cartes source, démarrer la suite de test, attendre le débogueur
test:inspect	Comme test:debug , mais utilisez le nœud - inspect, meilleur w / nœud 7+
test:func	Utilisé par CI pour exécuter des tests fonctionnels contre la grille de sélénium
test:contact	Utiliser pour tester manuellement le travailleur de contact après la mise à jour de nodemailler

Faits amusants

1. webpack.github.io/analyse/#modules fonctionne toujours sur les fichiers de statistiques WebPack pour visualiser le graphique de dépendance du module.