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