riot - pwa

---

• webpack
• riot
• A Riot based progressive app

####################

Intro

####################

Dev Environment

• Check that dist directory is removed from src/www
• Do a npm i or yarn
• Do a npm start or yarn start
• Go to (http://localhost:8080/)[http://localhost:8080/]

Stage Environment(firebase)

• Run yarn build
• Run cd src/www
• Run firebase serve to look at firebase version on local
• Run firebase deploy (install firebase-tools from npmjs.com)

How it performs

• 
• 
• 

#################### starter is based on https://github.com/BosNaufal/vue-simple-pwa

TODOs

• serviceworker to cache data, so that cached data is used on subsequent visits
• cordova wrap the app (same codebase) and make the app run
• Counter example to show state-management
• Push notifications usage
• AppShell sample usage
• Firebase deployment
• change of colour as network is lost
• Uglify in the prod build (webpack)
• Fetch data from a 3rd party API in one of the components
• Demonstrate inter-component communication in simplest fashion
• cache API data as part of HTML itself
• Test PWA features working in Cordova App
• Cleanup the multiple package.json files
• Upgrade to latest babel, webpack and riotjs versions