Clarified pre-install instructions.
This commit is contained in:
parent
d043f0b85b
commit
573355b02f
|
@ -8,7 +8,8 @@ when it comes to integrating with other modules such a [`react-redux`](https://g
|
||||||
[`react-redux-firebase`](http://docs.react-redux-firebase.com/history/v2.0.0) provides simplified and standardized common redux/firebase logic.
|
[`react-redux-firebase`](http://docs.react-redux-firebase.com/history/v2.0.0) provides simplified and standardized common redux/firebase logic.
|
||||||
|
|
||||||
To add `react-redux-firebase` to your project:
|
To add `react-redux-firebase` to your project:
|
||||||
1. Run `npm i --save react-redux react-redux-firebase@canary` *we point to canary here to get current progress with v2.0.0*
|
1. Make sure you already have `redux`, `react-redux`, `redux-thunk` installed (if not, run `npm i --save redux react-redux redux-thunk`)
|
||||||
|
1. Run `npm i --save react-redux-firebase@canary` *we point to canary here to get current progress with v2.0.0*
|
||||||
1. Add `firebaseStateReducer` under `firebase` key within reducer:
|
1. Add `firebaseStateReducer` under `firebase` key within reducer:
|
||||||
|
|
||||||
**reducers.js**
|
**reducers.js**
|
||||||
|
@ -32,7 +33,7 @@ To add `react-redux-firebase` to your project:
|
||||||
store.replaceReducer(makeRootReducer(store.asyncReducers))
|
store.replaceReducer(makeRootReducer(store.asyncReducers))
|
||||||
};
|
};
|
||||||
```
|
```
|
||||||
1. Pass `react-native-firebase` instance into `reactReduxFirebase` when creating store:
|
1. Pass `react-native-firebase` App instance into `reactReduxFirebase` when creating store:
|
||||||
|
|
||||||
**createStore.js**
|
**createStore.js**
|
||||||
```js
|
```js
|
||||||
|
@ -61,7 +62,7 @@ To add `react-redux-firebase` to your project:
|
||||||
|
|
||||||
const store = createStore(
|
const store = createStore(
|
||||||
makeRootReducer(),
|
makeRootReducer(),
|
||||||
initialState, // initial state
|
initialState,
|
||||||
compose(
|
compose(
|
||||||
reactReduxFirebase(firebase, reduxFirebaseConfig), // pass initialized react-native-firebase app instance
|
reactReduxFirebase(firebase, reduxFirebaseConfig), // pass initialized react-native-firebase app instance
|
||||||
applyMiddleware(...middleware)
|
applyMiddleware(...middleware)
|
||||||
|
@ -70,6 +71,7 @@ To add `react-redux-firebase` to your project:
|
||||||
return store;
|
return store;
|
||||||
};
|
};
|
||||||
```
|
```
|
||||||
|
|
||||||
1. Wrap in `Provider` from `react-redux`:
|
1. Wrap in `Provider` from `react-redux`:
|
||||||
|
|
||||||
**index.js**
|
**index.js**
|
||||||
|
@ -92,7 +94,7 @@ To add `react-redux-firebase` to your project:
|
||||||
export default Main;
|
export default Main;
|
||||||
```
|
```
|
||||||
|
|
||||||
1. Then you can use the `firebaseConnect` HOC to wrap your components. It helps to set listeners which gather data from Firebase and place it into redux:
|
1. Then you can use the `firebaseConnect` HOC to wrap your components. It makes it easy to set listeners which gather data from Firebase and place it into redux:
|
||||||
|
|
||||||
**Home.js**
|
**Home.js**
|
||||||
```js
|
```js
|
||||||
|
|
Loading…
Reference in New Issue