[ci skip] update README.md

README.md

@@ -30,8 +30,8 @@ const POSTS = 'POSTS.'
 // different collections.  Here's one way to do it:
 
 const reducer = combineReducers({
-  users: prefixReducer(USERS)(keyedCollectionReducer()),
-  posts: prefixReducer(POSTS)(keyedCollectionReducer()),
+  users: keyedCollectionReducer({enhance: prefixReducer(USERS)}),
+  posts: keyedCollectionReducer({enhance: prefixReducer(POSTS)}),
 })
 
 const userActions = mapValues(actions, prefixActionCreator(USERS))
@@ -51,8 +51,8 @@ store.dispatch(userActions.update('28nkdjas9i23kjsdaf', {
 console.log(store.getState())
 ```
 
-After this `state.toJS()` will look like:
-```json
+The state will look like this:
+```
 Map {
   "users": Map {
     "28nkdjas9i23kjsdaf": Map {

temp.js

@@ -0,0 +1,35 @@
+import {reducer as keyedCollectionReducer, actions} from './lib/keyedCollection'
+import {createStore} from 'redux'
+import {prefixActionCreator, prefixReducer} from 'mindfront-redux-utils'
+import {combineReducers} from 'mindfront-redux-utils-immutable'
+import mapValues from 'lodash.mapvalues'
+
+const USERS = 'USERS.'
+const POSTS = 'POSTS.'
+
+// the keyed collection action types are just INSERT, UPDATE, REMOVE, and BATCH,
+// so you have to decorate the action creators and reducer to distinguish between
+// different collections.  Here's one way to do it:
+
+const reducer = combineReducers({
+  users: keyedCollectionReducer({enhance: prefixReducer(USERS)}),
+  posts: keyedCollectionReducer({enhance: prefixReducer(POSTS)}),
+})
+
+const userActions = mapValues(actions, prefixActionCreator(USERS))
+const postActions = mapValues(actions, prefixActionCreator(POSTS))
+
+const store = createStore(reducer)
+
+store.dispatch(userActions.batch([
+  userActions.insert('28nkdjas9i23kjsdaf', {
+    username: 'jimbob',
+    firstName: 'Jim',
+    lastName: 'Bob',
+  }),
+  // userActions.update('28nkdjas9i23kjsdaf', {
+  //   email: '[email protected]',
+  // }),
+]))
+
+console.log(store.getState().toJS())