Este repositorio contiene todo el contenido del curso a medida que construimos una app para ver recetas con la API de MealDB.
Este proyecto fue hecho con create-react-app
npm install
para instalar las dependencias
Es importante para no romper las configuraciones con workbox:
npm run build && npm start
Modo producción para ver las funcionalidades completas del service worker
npm run dev
Modo desarrollo\
Shortcut de la app en google mobile con manifest.json en public
Optimización de precarga en red(network first) y de cache(staleWhileRevalidate). Puede verse en config-overrides.js
Google analytics Offline con react-ga modificando App.js y service-workers
Web Share API implementado en recipes.js en pages bajo la funcion compartir
Trabajando bajo modo offline: Comunicarle al usuario el estado offline(ver en App.js y en componente IfOffline)
Notificaciones: Ver la page Timer.js en pages, esta fue importada en App.js
Nota:
No se trata de push notifications, estas notificaciones requieren tener el browser abierto.
npm add workbox-webpack-plugin
# OR npm install --save workbox-webpack-plugin
npm add react-app-rewire-workbox
# OR npm install --save react-app-rewire-workbox
If you don't have it already already, you also need:
npm add react-app-rewired
# OR npm install --save react-app-rewired
MIT