https://github.com/protoss78/polyfire-saga-kit
A (hopefully) simple sample application that combines Polymer, Firebase, redux and redux-saga into something reusable.
https://github.com/protoss78/polyfire-saga-kit
firebase polymer redux redux-saga
Last synced: 3 months ago
JSON representation
A (hopefully) simple sample application that combines Polymer, Firebase, redux and redux-saga into something reusable.
- Host: GitHub
- URL: https://github.com/protoss78/polyfire-saga-kit
- Owner: Protoss78
- License: gpl-3.0
- Created: 2017-10-17T17:58:07.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-01-15T07:57:07.000Z (over 7 years ago)
- Last Synced: 2025-01-24T17:13:38.431Z (5 months ago)
- Topics: firebase, polymer, redux, redux-saga
- Language: HTML
- Homepage: https://pofiresa.firebaseapp.com/
- Size: 184 KB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Polyfire Saga Kit
A (hopefully) simple sample application that combines Polymer, Firebase, redux and redux-saga into something reusable.
The main idea is to create a Polymer Starter Kit based web application sample, that demonstrates how
- [x] Polymer
- [x] Firebase
- [x] Redux
- [x] Redux Sagas
can be combined in a useful way.
Since I'm in no way a Javascript pro the code is probably far from optimal and currently contains a mix of various coding styles.
Mainly because I'm teaching myself on the way and got inspiration from various blog posts and documentation sites:
* [Project Structure for Using Redux with Polymer 2.0](https://www.captaincodeman.com/2017/07/19/project-structure-for-using-redux-with-polymer-20)
* [Polymer Redux Documentation](https://tur-nr.github.io/polymer-redux/docs)
* [Redux-Saga Documentation](https://redux-saga.js.org/)
* [A Guide For Building A React Redux CRUD App](https://medium.com/@rajaraodv/a-guide-for-building-a-react-redux-crud-app-7fe0b8943d0f)
* [How to combine polymer-redux and \?](https://stackoverflow.com/questions/41440316/how-to-combine-polymer-redux-and-app-route/43479815)
* [Great redux-saga-firebase npm package - will use it for Polymer 3.0](https://github.com/n6g7/redux-saga-firebase)
* [Because of a known issue in polymerfire, polymer build had to be adapted](https://github.com/firebase/polymerfire/issues/236)
* [Required modifications in sw-precache-config for Firebase hosting](https://github.com/firebase/polymerfire/issues/236)
## Live Demo
The current project state can be found here: https://pofiresa.firebaseapp.com
## Implementation Roadmap
- [x] Basic Polymer, Redux and Redux-Saga setup
- [x] Implement a fake loading mechanism (bind state via polymer-redux)
- [x] Integrate app-router with redux and add location to store
- [x] Implement a generic navigation action
- [x] Integrate Firebase via Polymerfire
- [x] Implement Firebase Query and display results (use redux-saga)
- [x] Simple create and edit screen that uses Firebase Document
- [x] Added basic delete functionality
- [x] Added basic notification handling
- [x] Add Firebase authentication and add user to redux-store
- [x] Structure data below user id
- [ ] Add internationalization support