react pwa reference

React-PWA-Referencia

Un proyecto Boilerplate y ejemplo de referencia para isomórfico UNIVERSAL REACTIFLUX Aplicaciones web progresivas.

Resumen

Este proyecto es una evolución de Flux-React-Ejemplo y Flux-React-Ejemplo-SW que agrega herramientas y organización evolucionadas. Es un PWA de referencia de mentalidad bastante completa y de rendimiento que utiliza rutas y contenido basados ​​en datos desde un servicio adjunto. El servicio de datos que impulsa la aplicación es este repositorio de GitHub.

Prerrequisitos del medio ambiente

Solo nodo 14+
_{^{Algunas dependencias de desarrollo de este proyecto tienen instalaciones binarias (manipuladores de imágenes), por lo que YMMV.}}

Pila

• Neta
• Expresar
• R EACT (Facebook)
• F luxible (yahoo)
• SW-Toolbox, SW-Precache (Google)
• Babel, Gulp, Webpack, Eslint, Mocha/Chai, Sass

Configuración

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

Correr

Producción

npm run build:server && npm start

Desarrollo de la ejecución

npm run dev

Tareas de desarrollo

Todos los comandos de desarrollo npm run :

dominio	descripción
build:list	Volcar el árbol de tareas de construcción de activos en la consola
config:dev	Volcar la configuración de desarrollo en la consola
config:prod	Volcar la configuración de producción en la consola
dev	pelusa, construir activos, iniciar el servidor, verbose, node_env = desarrollo, fuera de línea no admitido
dev:analyze	Analizar el archivo de estadísticas de Webpack y volcar el análisis del tamaño del paquete en la consola
dev:analyzer	Analizar visualmente el archivo de estadísticas de Webpack
dev:ccss	Construya activos CSS, mira y vuelve a compilar a Sass en el cambio
dev:debug	Lint, Build Activos, Servidor de inicio/depuración, Node_env = Desarrollo, Wait Debugger adjunto
dev:inspect	como dev:debug , pero use el nodo -Inspect, Best W/Node 7+
dev:perf	pelusa, compilación de activos, scripts con mapas de origen, servidor de inicio, node_env = producción, fuera de línea compatible con
dev:prod	pelusa, compilación de activos, servidor de inicio, nodo_env = producción, fuera de línea compatible
fixtures:dev	Cree accesorios de prueba a partir del servicio de datos, desarrollo
fixtures:prod	Cree accesorios de prueba a partir del servicio de datos, producción
lint	Ejecutar el enlace en el proyecto completo
perfbudget	utilizado por CI para probar el presupuesto de rendimiento contra el servicio
test	Ejecute toda la suite de prueba
test:cover	Ejecute todo el conjunto de pruebas, captura cobertura e informe
test:debug	construir con mapas de origen, iniciar la suite de prueba, esperar el depurador adjunto
test:inspect	como test:debug , pero use el nodo -Inspect, mejor con nodo 7+
test:func	Utilizado por CI para ejecutar pruebas funcionales contra Selenium Grid
test:contact	Use para probar manualmente el trabajador de contacto después de la actualización de Nodemailer

Datos curiosos

1. webpack.github.io/analyse/#modules todavía funciona en los archivos de estadísticas webpack para visualizar el gráfico de dependencia del módulo.