React Redux Firebase
React Higher Order component library for Firebase with Redux integration
Demo
View deployed version of Material Example here
Features
- Higher Order Component (HOC) for react
- Integrated into redux
- Population capability (similar to mongo
populate
or SQLJOIN
) - Support small data ( using
value
) or large datasets ( usingchild_added
,child_removed
,child_changed
) - queries support (
orderByChild
,orderByKey
,orderByValue
,orderByPriority
,limitToLast
,limitToFirst
,startAt
,endAt
,equalTo
right now ) - Automatic binding/unbinding
- Declarative decorator syntax for React components
- Firebase v3+ support
- Support for updating and nested props
- Out of the box support for authentication (with auto load user profile)
- Lots of helper functions
Examples
Simple Example
A simple example that was created using create-react-app's. Shows a list of todo items and allows you to add to them.
Decorators Example
The simple example implemented using decorators built from the output of create-react-app's eject command. Shows a list of todo items and allows you to add to them.
Material Example
An example that user Material UI built on top of the output of create-react-app's eject command. Shows a list of todo items and allows you to add to them. This is what is deployed to redux-firebasev3.firebaseapp.com.
Generator
generator-react-firebase uses react-redux-firebase when opting to include redux
Contributors
Thanks
Special thanks to Tiberiu Craciun for creating redux-react-firebase, which this project is heavily based on.