https://github.com/eacaps/progressive-flux
Sample flux app using progressive web app features
https://github.com/eacaps/progressive-flux
Last synced: 9 months ago
JSON representation
Sample flux app using progressive web app features
- Host: GitHub
- URL: https://github.com/eacaps/progressive-flux
- Owner: eacaps
- License: gpl-3.0
- Created: 2016-09-20T14:38:38.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2016-10-25T21:05:23.000Z (over 9 years ago)
- Last Synced: 2025-02-26T09:42:05.205Z (over 1 year ago)
- Language: CSS
- Size: 35.2 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# progressive-flux
This project is a demonstration of using some Progressive Web App technologies with React and Flux. This code loosely follows a presentation I gave for [ReactDC](http://slides.com/ecaps/deck#/).
## Running the demo
First off clone or fork this repo. Then use a few npm commands to get going:
```
npm install
npm start
```
This will start the demo on port 3000, so just put `http://localhost:3000` in your browser to load it up.
## The application
This is a fairly boring TODO application where you can add a few TODOs to a list. The cool part about is its use of WebWorkers and a ServiceWorker to make any TODOs you add available in offline mode as well. To demonstrate this, add a few TODOs, then open your Web Console`(CMD+ALT+I)` on Chrome on a MAC. You should see a **Network** tab. Click on it and then click the checkbox for **Offline**. Now refresh the page and the TODOs you have entered will still be there! You can check out the [presentation](http://slides.com/ecaps/deck#/) for an explaination of whats going on behind the scenese.
## The future
When I have some more downtime I'll be working to update this example with a little more robustness and some documentation.