es-react-pwa

minimalist and modern react boilerplate designed for minimal configuration.

demo

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.

yarn prepare

yarn optimize

progressive web app (workbox)

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

intialization:

yarn pwa:init

to generate caching with each build

yarn pwa