blurymind / es-react-pwa

Minimalist boilerplate with react, snowpack and workbox

es-react-pwa

minimalist and modern react boilerplate designed for minimal configuration.

demo

usage

Install and build

npm install && npm run build && npm run pwa

Serve locally

npm run serve

contents:

• snowpack
• styled-components
• es-module-shims
• kv-storage
• workbox
• htm

concepts:

import maps

included is es module shims, which includes polyfill support for importmaps. these allow direct global imports. this is key in not requiring babel.

web modules (snowpack)

snowpack allows you to treeshake es module dependencies in a convinient way. there is a production command that will do the treeshaking, and a post npm install step which will localize the es modules.

npm run prepare

npm run optimize

progressive web app (workbox)

workbox is configured to be run during build to generate the caching configuration.

intialization:

npm run pwa:init

to generate caching with each build

npm run pwa