Update README.md

Author: dominikstoetter

.gitignore

@@ -1 +1,2 @@
 node_modules
+.history

.npmignore

@@ -0,0 +1,2 @@
+node_modules
+.history

README.md

@@ -1,26 +1,84 @@
 # redux-compose
 
-create a [reducks module](https://github.com/erikras/ducks-modular-redux) in seconds
+create a [reducks module](https://github.com/erikras/ducks-modular-redux) in seconds with these little helpers
 
 ## Example
 
+### Reducks Module
+my-store.js
 ```js
 import { createActionCreator, createActionParents } from 'dominikstoetter/redux-compose/actions'
 import { createDataReducer } from 'dominikstoetter/redux-compose/reducer'
 import { createFetchSaga, createRootSaga } from 'dominikstoetter/redux-compose/sagas'
 
 export const { FETCH_FROM_MY_API } = createActionParents([ 'FETCH_FROM_MY_API' ])
-export const fetchShopCredentials = createActionCreator(FETCH_FROM_MY_API)
+export const fetchFromMyApi = createActionCreator(FETCH_FROM_MY_API)
 
-export const fetchFormMyApiSaga = createFetchSaga(({ uuid, iso8601 }) => ({
+export const fetchFromMyApiSaga = createFetchSaga(({ uuid }) => ({
   action: FETCH_FROM_MY_API,
-  url: `//${process.env.api}/${iso8601}/${uuid}`,
+  url: `//${process.env.api}/${uuid}`,
   method: 'GET',
 }))
 
-export const fetchShopCredentialsRootSaga = createRootSaga({
-  FETCH_FROM_MY_API: fetchFormMyApiSaga,
+export const rootSaga = createRootSaga({
+  FETCH_FROM_MY_API: fetchFromMyApiSaga,
 })
 
 export default createDataReducer(FETCH_FROM_MY_API)
 ```
+
+### Higher Order Store Connection
+with-my-store.js
+```js
+import { connect } from 'react-redux'
+import { fetchFromMyApi } from './my-store.js'
+import { promisifyActionCreator } from 'dominikstoetter/redux-compose/actions'
+
+export default connect(
+  ({ myStore }) => ({ myStore: { ...myStore } }),
+  dispatch => ({
+    fetchFromMyApi: promisifyActionCreator(dispatch, fetchFromMyApi)
+  })
+)
+```
+
+### Example Component with async usage
+my-component/index.js
+```js
+import { compose } from 'recompose'
+import withLogic from './with-logic'
+import withData from './with-data'
+import View from './View'
+
+export default compose(withData, withLogic)(View)
+
+```
+my-component/with-data.js
+```js
+import withMyStore from './with-my-store'
+
+export default withMyStore
+```
+
+my-component/with-logic.js
+```js
+import { compose, withHandlers } from 'recompose'
+
+export default withHandlers({
+    fetchHandler: ({ fetchFromMyApi }) => async ({ uuid }) => {
+      try {
+        await fetchFromMyApi({ uuid })
+        console.log('resolve')
+      } catch (e) {
+        console.log('reject')
+      }
+    },
+  })
+```
+
+my-component/View.js
+```js
+export default ({ fetchHandler }) => (
+  <div {...{ onClick: () => fetchHandler({uuid: '2fe17f6b-c083-4603-8a45-eaa26a422f31' })}} />
+)
+```

lib/actions.js

@@ -1,32 +1,40 @@
-const createActionCreator = ({ action }) => (dispatch, actionCreator) => payload =>
-  new Promise((resolve, reject) =>
-    dispatch((payload, resolve, reject) => ({
-      type: action,
-      payload,
-      resolve,
-      reject,
-    }))
-  )
+const createActionCreator = ({ action }) => (payload, resolve, reject) => ({
+  type: action,
+  payload,
+  resolve,
+  reject,
+})
+
+const promisifyActionCreator = (dispatch, actionCreator) => payload =>
+  new Promise((resolve, reject) => dispatch(actionCreator(payload, resolve, reject)))
 
 const createActionParent = actionName => ({
+  [actionName]: {
+    action: actionName,
+  },
+})
+
+const createActionFetchParent = actionName => ({
   [actionName]: {
     action: actionName,
     success: `${actionName}_SUCCESS`,
     error: `${actionName}_ERROR`,
   },
 })
 
-const createActionParents = actionNames =>
+const createActionFetchParents = actionNames =>
   actionNames.reduce(
     (result, actionName) => ({
       ...result,
-      ...createActionParent(actionName),
+      ...createActionFetchParent(actionName),
     }),
     {}
   )
 
 module.exports = {
   createActionCreator,
   createActionParent,
-  createActionParents,
+  createActionFetchParent,
+  createActionFetchParents,
+  promisifyActionCreator,
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "redux-compose",
-  "version": "1.0.0",
+  "version": "0.1.4",
   "main": "src/index.js",
   "repository": "git@github.com:dominikstoetter/redux-compose.git",
   "author": "<dominik.stoetter@8select.de>",