doc22940 / es-react-pwa

Minimalist boilerplate with react, snowpack and workbox

es-react-pwa

minimalist and modern react boilerplate designed for minimal configuration.

note this uses a forked react build to work with es modules. there is optimisim that react will support an es module compatable build soon.

demo

contents:

• snowpack
• react-esm
• 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.

tree shaking (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