1.6 KiB
ReactFire
ReactFireMixin is an officially supported ReactJS mixin for Firebase. Firebase provides your React app with a persistent, realtime backend to effortlessly keep all of your clients in sync!
Read our blog post on using Firebase with React and check out our live Todo app demo to get started!
API Reference
To add the ReactFireMixin to your component, add the ReactFireMixin's JavaScript file to your project and then update the component's mixins property:
var ExampleComponent = React.createClass({
mixins: [ReactFireMixin],
...
});
###bindAsArray(firebaseRef, bindVar)
Creates a binding between Firebase and the inputted bind variable as an array. The Firebase reference will be stored in this.firebaseRefs[bindVar].
this.bindAsArray(new Firebase("https://<YOUR_FIREBASE>/"), "items");
###bindAsObject(firebaseRef, bindVar)
Creates a binding between Firebase and the inputted bind variable as an object. The Firebase reference will be stored in this.firebaseRefs[bindVar].
this.bindAsObject(new Firebase("https://<YOUR_FIREBASE>/"), "items");
###unbind(bindVar)
Removes the binding between Firebase and the inputted bind variable. This removes the stored Firebase reference in this.firebaseRefs[bindVar] and cleans up any event handlers associated with that Firebase reference.
this.unbind("items");