

Please visit the FAQ section of the docs Builds The examples folder contains full applications that can be copied/adapted and used as a new project.

CRA TemplateĬra-template-rrf is a create-react-app template with react-redux-firebase included Complete Examples
REACT DIST UNPKG GENERATOR
Generator-react-firebase is a yeoman generator uses react-redux-firebase when opting to include redux. View docs for recipes on integrations with: Shows a list of todo items and allows you to add to them. Material App ExampleĪn example that user Material UI built on top of the output of create-react-app's eject command.
REACT DIST UNPKG HOW TO
Snippet showing how to use decorators to simplify connect functions (redux's connect and react-redux-firebase's firebaseConnect) Simple App ExampleĪ simple example that was created using create-react-app's. One of the more common examples is querying based on the current users auth UID. Snippet showing querying based on data in redux state. complete contains full applications that can be run as is, where as /snippets contains small amounts of code to highlight specific functionality (dev tools and deps not included). See full documentation at Įxamples folder is broken into two categories snippets and complete. React-redux-firebase provides the firestoreConnect HOC (similar to firebaseConnect) for easy setting/unsetting of listeners.Ĭurrently react-redux-firebase still handles auth when using redux-firestore - The future plan is to also have auth standalone auth library that will allow the developer to choose which pieces they do/do not want. It integrates nicely with react-redux-firebase and it allows you to run Real Time Database and Firestore along side each other. If you plan to use Firestore, you should checkout redux-firestore. Include firebaseReducer (reducer) while creating your redux store then pass dispatch and your firebase instance to ReactReduxFirebaseProvider (context provider): import React from 'react' import // Export enhanced component export default Todos Interested in support for versions of react-redux before v6 or the new react context API? Checkout the v2.*.* versions (installed through npm i -save Use Theres more on this in the Builds section below. If you're not, you can access the library on unpkg, download it, or point your package manager to it.

This assumes you are using npm as your package manager.
REACT DIST UNPKG INSTALL
Installation npm install -save react-redux-firebase
