riot - pwa
webpack
riot
- A Riot based progressive app
####################
Intro
####################
Dev Environment
- Check that
dist
directory is removed fromsrc/www
- Do a
npm i
oryarn
- Do a
npm start
oryarn 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
(installfirebase-tools
fromnpmjs.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
andriotjs
versions