Add a dependencies parameter

Author: patelnav

README.md

@@ -13,10 +13,11 @@ This is a very simple implementation using a combination of [useEffect](https://
 
 const **value_from_store** = (**prevState**, **store**) => {...}
 
-const **value** = **useFluxStore**(**store**: \<FluxStore>, **value_from_store**: Function)
+const **value** = **useFluxStore**(**store**: \<FluxStore>, **value_from_store**: Function, *deps*)
 
-## Usage
+# Usage
 
+## Basic Usage
 Using the [CounterStore example](https://facebook.github.io/flux/docs/flux-utils.html#content) from Flux Utils. 
 
 ~~~
@@ -28,3 +29,22 @@ const CounterComponent = () => {
   return <CounterUI counter={counter} />;
 }
 ~~~
+
+## Dependencies
+
+There are cases where the reducer is using other State/Prop values. Normally useReducer would not trigger a dispatch in this case. We use the **deps** parameter of useFluxStore as a list. 
+
+~~~
+import useFluxStore from 'flux-hooks';
+const SearchComponent = () => {
+  const [query, setQuery] = useState("")
+  const results = useFluxStore(SearchStore, (prevState, store) => store.getSearchResults(query))
+
+  return <div>
+    <input type="text" value={query} onChange={e => setQuery(e.target.value)} />
+    <ul>
+      results.map(r => <li>{r}</li>)
+  </ul>
+  </div>
+}
+~~~

index.js

@@ -1,15 +1,18 @@
-import { useEffect, useReducer } from 'react';
+import { useEffect, useReducer, useMemo } from 'react';
 
 // useFluxStore essentially combines useReducer and useEffect to use with FluxStores
 // useReducer: Used to extract relevant values from the store
 // useEffect is used to attach a listener to the store
 
-export function useFluxStore(store, reducer) {
+export function useFluxStore(store, reducer, deps = []) {
   // Call useReducer and set initial value from current state of store.
 
   // We need to pass reducer(null, store) as initialArg otherwise the first out will be undefined
   const [out, _dispatch] = useReducer(reducer, reducer(null, store));
 
+  // For any dependencies in the reducer, we make sure to trigger the reducer again
+  useMemo(() => { _dispatch(store); }, deps);
+
   useEffect(() => {
     function listener() {
       // When store is updated, we dispatch an update to the reducer

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flux-hooks",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Hooks implementation for Facebook Flux Util's Stores",
   "main": "index.js",
   "scripts": {