redux: add
This commit is contained in:
parent
be9717cea1
commit
92cde8d21a
|
@ -0,0 +1,57 @@
|
|||
---
|
||||
title: Redux
|
||||
---
|
||||
|
||||
### Stores
|
||||
|
||||
```js
|
||||
import { createStore } from 'redux';
|
||||
|
||||
function counter(state = 0, action) {
|
||||
switch (action.type) {
|
||||
case 'INCREMENT':
|
||||
return state + 1;
|
||||
case 'DECREMENT':
|
||||
return state - 1;
|
||||
default:
|
||||
return state;
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
```js
|
||||
let store = createStore(counter);
|
||||
|
||||
store.subscribe(() => { ... })
|
||||
store.dispatch({ action })
|
||||
store.getState()
|
||||
store.dispatch({ type: 'INCREMENT' }); // 1
|
||||
store.dispatch({ type: 'DECREMENT' }); // 10
|
||||
```
|
||||
|
||||
### React Redux
|
||||
|
||||
```js
|
||||
React.render(
|
||||
<Provider store={store}>
|
||||
{() => <App />}
|
||||
</Provider>, mountNode)
|
||||
```
|
||||
|
||||
```js
|
||||
class App extends React.Component {
|
||||
render () { return <div>{this.props.message}</div> }
|
||||
}
|
||||
|
||||
function select (state) {
|
||||
return { message: state.message }
|
||||
}
|
||||
|
||||
export default connect(select)(App);
|
||||
```
|
||||
|
||||
## Reference
|
||||
|
||||
* [Redux](https://www.npmjs.com/package/redux)
|
||||
* [React-redux](https://www.npmjs.com/package/react-redux)
|
||||
* [Usage with React](http://rackt.github.io/redux/docs/basics/UsageWithReact.html)
|
Loading…
Reference in New Issue