Update README about decorator

Author: mizchi

README.md

@@ -73,10 +73,37 @@ app.update(_initialState => ({count: 1})) // it fires rendering
 - `Flux` is `EventEmitter`
 - `Component` is just `ReactComponent` with `dispatch` method.
 
-## Middlewares
+## With decorator
 
-Middleware function type is `<T>(t: T) => T | Promise<T>` or  `<T>(t: Promise<T>) => Promise<T>;`. (Use Promise.resolve if you consider promise)
-`Flux#render(state)` is always promise unwrapped promise but a middelware handle raw nextState received by `Flux#update`.
+Added by v0.3.0. Need babel-plugin-transform-decorators-legacy.
+
+```js
+import React from 'react'
+import {withFlux, dispatchable} from '../../src/flumpt'
+
+@dispatchable
+class CounterIncrement extends React.Component {
+  render() {
+    return <button onClick={_ev => this.context.dispatch('increment')}>+1</button>
+  }
+}
+
+@withFlux((update, on) => {
+  on('increment', () => {
+    update(state => {
+      return {count: state.count + 1}
+    })
+  })
+}, {count: 0})
+class MyApp extends React.Component {
+  render () {
+    return <div>
+      <span>{this.props.count}</span>
+      <CounterIncrement/>
+    </div>
+  }
+}
+```
 
 ## With TypeScript
 
@@ -107,6 +134,12 @@ class App extends Flux<State> {
 
 See detail in `index.d.ts`
 
+## Middlewares
+
+Middleware function type is `<T>(t: T) => T | Promise<T>` or  `<T>(t: Promise<T>) => Promise<T>;`. (Use Promise.resolve if you consider promise)
+`Flux#render(state)` is always promise unwrapped promise but a middelware handle raw nextState received by `Flux#update`.
+
+
 ## LICENSE
 
 MIT