TexasBullet26 / preact-pwa

Preact Progressive Web Application

A super fast progressive web app with a small footprint & minimal dependencies.

Features:

• universal rendering
• redux
• state-driven routing
• preact
• service workers Crunched & optimized with:
• rollup
• buble
• obtimize-js
• purify-css

Live version ():

bundle sizes & performance

Getting Started

Pre-requisites

Make sure that Node v7 is installed.

Make sure that yarn is installed.

Instructions

First, clone the repository:

$ git clone https://github.com/TexasBullet26/preact-pwa.git

Then, install all the dependencies:

$ yarn

Finally, run the project for development:

$ yarn dev

Or, run the project for production:

$ yarn start

Performance insights

Features

• Progressive Web App enabled with service workers
• Offline capable with service workers
• Universal JavaScript (isomorphic rendering)
• Asset Versioning, long-term caching, & cache busting for browser that do not support service workers via node-rev
• Modern JavaScript syntax with ES6 via buble
• Performant bundles via rollup
• Component-based UI architecture via Preact
• Application state management w/time-travel debugging via Redux
• CSS built with Sass and optimized with purify-css
• Async actions handled with redux-thunk, isomorphic-fetch, and promises
• Node server is built with express
• Linting is handled with Standard

Glenn Lanzer III