Merge pull request #98 from byte-fe/develop

docs(middlewares): add: how to customize model's middlewares

Author: leecade

README.md

@@ -84,6 +84,7 @@ npm install react-model
     - [How can I make persist models](#how-can-i-make-persist-models)
   - [How can I deal with local state](#how-can-i-deal-with-local-state)
   - [actions throw error from immer.module.js](#actions-throw-error-from-immer.module.js)
+  - [How can I customize each model's middlewares?](#how-can-i-customize-each-model's-middlewares)
 
 ## Core Concept
 
@@ -850,4 +851,36 @@ actions: {
 }
 ```
 
-[⇧ back to top](#table-of-contents)
+[⇧ back to top](#table-of-contents)
+
+### How can I customize each model's middlewares?
+
+If you are using NextModel, you can customize each model's middlewares.
+
+```typescript
+import { actionMiddlewares, Model } from 'react-model'
+import { delayMiddleware } from './middlewares'
+
+const nextCounterModel: NextModelType<CounterState, NextCounterActionParams> = {
+  actions: {
+    add: num => {
+      return state => {
+        state.count += num
+      }
+    },
+    increment: async (num, { actions }) => {
+      actions.add(num)
+      await timeout(300, {})
+    }
+  },
+  // You can define the custom middlewares here
+  middlewares: [delayMiddleware, ...actionMiddlewares],
+  state: {
+    count: 0
+  }
+}
+
+export default Model(nextCounterModel)
+```
+
+[⇧ back to top](#table-of-contents)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-model",
-  "version": "2.7.1-alpha.2",
+  "version": "2.7.1",
   "description": "The State management library for React",
   "main": "./dist/react-model.js",
   "umd:main": "./dist/react-model.umd.js",
@@ -13,12 +13,7 @@
     "test": "jest --silent",
     "test:coverage": "jest --collect-coverage --silent"
   },
-  "keywords": [
-    "react",
-    "model",
-    "state-management",
-    "react-hooks"
-  ],
+  "keywords": ["react", "model", "state-management", "react-hooks"],
   "author": "ArrayZoneYour <hustliyidong@gmail.com>",
   "license": "MIT",
   "dependencies": {