Awesome
Brunch + Marionette.js + Babel/ES6 PWA
This is a modern Progressive Web App JS skeleton with Marionette.js for Brunch.
Installation
Clone this repo manually
git clone https://github.com/denar90/brunch-with-marionettejs && cd brunch-with-marionettejs
or use
brunch new dir -s marionettejs
Getting started
- Install (if you don't have them):
- Run:
brunch watch --server— watches the project with continuous rebuild. This will also launch HTTP server with pushState. There are also added offline feature using sw-precache, sw-precache-brunch, which makes skeleton work offline.brunch build --production— builds minified project for production
- Learn:
public/dir is fully auto-generated and served by HTTP server. Write your code inapp/dir.- Place static files you want to be copied from
app/assets/topublic/. - Brunch site, Getting started guide
- Marionette.js site
Progressive Web Apps
Progressive Web Applications take advantage of new technologies to bring the best of mobile sites and native applications to users. They're reliable, fast, and engaging. More
Service Worker
A service worker is a script that your browser runs in the background, separate from a web page, opening the door to features that don't need a web page or user interaction. More
Service Worker Precache
sw-precache is a module for generating a service worker that precaches resources. It's added as part of Brunch plugin sw-pracache-brunch.
Web App Manifest
The Manifest for Web applications is a simple JSON file that gives you, the developer, the ability to control how your app appears to the user in the areas that they would expect to see apps. More
How to try it?
It's hosted on gh-pages - https://denar90.github.io/brunch-with-marionettejs/
Don't forget to go offline and see what happens
100% PWA !!!
Lighthouse report
P.S. Inspired by @jeffposnick - https://github.com/jeffposnick/create-react-pwa/blob/master/README.md