Wave-pwa

SoundCloud PWA client built with Preact, Redux, and Redux Observable. Try the live demo.

Stack:

Preact
React-Router
Redux
Redux-Observables
React-Helmet
Sass
SW-Precache
Webpack Dashboard(For Bundle Analysis)

Features

Offline Caching (via serviceWorker)
Asset Versioning (aka "cache-busting")
ES2015 (ES6) and ES2016 (ES7) support
Webpack Bundle Analysis (see dashboard)
Hot Module Replacement (HMR) for all files
Preact's Developer Tools
Lighthouse certified

Lighthouse

pingdom

JS Build files

app.js - 246kb (17kb gzipped)
vendor.js - 441kb (8.04kb gzipped) 🚀

Quick-Start Guide

Installation
Development Workflow

Installation

1. Clone this repo:

git clone https://github.com/vitormalencar/wave-pwa.git
cd wave-pwa

2. Install the dependencies:

yarn install

You're done installing! Now let's get started developing.

Development Workflow

3. Start a live-reload development server:

yarn run dev

This is a full web server nicely suited to your project. Any time you make changes within the src directory, it will rebuild and even refresh your browser.

ℹ️ Try to avoid using Service Worker in your development environment, so you won't need to hard reload the page anytime you make a change.

4. Generate a production build in ./build:

yarn run build

You can now deploy the contents of the build directory to production!

License

MIT