Update README.md

Author: rwieruch

README.md

@@ -6,15 +6,18 @@ Custom hook to combine all useReducer hooks for one global state container with
 
 * [Example Application](https://github.com/the-road-to-learn-react/react-with-redux-philosophy)
 * ["How to implement it"-tutorial](https://www.robinwieruch.de/redux-with-react-hooks/).
-* Philosophy [[1]](https://www.robinwieruch.de/react-state-usereducer-usestate-usecontext/)[[2]](https://www.robinwieruch.de/redux-with-react-hooks/)
+* Requirements: [reducer](https://www.robinwieruch.de/javascript-reducer/) and [useReducer](https://www.robinwieruch.de/react-usereducer-hook/) explained.
 
 ## Installation
 
 `npm install use-combined-reducers`
 
 ## Usage
 
+Create a global dispatch function and state object by initializing multiple `useReducer` hooks in `useCombinedReducers`:
+
 ```
+import React from 'react';
 import useCombinedReducers from 'use-combined-reducers';
 
 const App = () => {
@@ -27,6 +30,64 @@ const App = () => {
 
   ...
 }
+
+export default App;
+```
+
+You can pass state and dispatch function down via [props](https://www.robinwieruch.de/react-pass-props-to-component/) or [React's Context API](https://www.robinwieruch.de/react-context-api/). Since passing it down with props is straight forward, the approach with context is demonstrated here. In some file:
+
+```
+import React from 'react';
+
+export const StateContext = React.createContext();
+export const DispatchContext = React.createContext();
+```
+
+In your top-level React component (or any other component above a component tree which needs managed state):
+
+```
+import React from 'react';
+import useCombinedReducers from 'use-combined-reducers';
+
+import { StateContext, DispatchContext } from './somefile.js'; 
+
+const App = () => {
+  const [state, dispatch] = useCombinedReducers({
+    myTodos: React.useReducer(todoReducer, initialTodos),
+    myOtherStuff: React.useReducer(stuffReducer, initialStuff),
+  });
+
+  return (
+    <DispatchContext.Provider value={dispatch}>
+        <StateContext.Provider value={state}>
+          <SomeComponent />
+        </StateContext.Provider>
+    </DispatchContext.Provider>
+  );
+}
+
+export default App;
+```
+
+In some other component which sits below the state/dispatch providing component:
+
+```
+import React from 'react';
+
+import { StateContext, DispatchContext } from './somefile.js'; 
+
+export default () => {
+  const state = React.useContext(StateContext);
+  const dispatch = React.useContext(DispatchContext);
+  
+  const { myTodos, myOtherStuff } = state; 
+
+  return (
+    <div>
+      ...
+    </div>
+  );
+};
 ```
 
 ## Contribute