redux

快速教程

• 20分钟讲清楚Redux全流程架构（无框架版） ✓

官方教程

• Redux

笔记

安装

npm install redux

Reducer

combineReducers()

Store

getSate()
dispatch(action)
subscribe(listener)
subscribe()

createStore()

React Redux

npm install react-redux
npm install --save-dev redux-devtools

创建 reducers

import { combineReducers } from 'redux'
import todos from './todos'
import visibilityFilter from './visibilityFilter'

const todoApp = combineReducers({
  todos,
  visibilityFilter
})

export default todoApp

使用 Provider 将 store 提供给 React 子组件

import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import { createStore } from 'redux'
import todoApp from './reducers/index'
import App from './components/App'

const store = createStore(todoApp, {})

render(
    <Provider store={store}>
        <App />
    </Provider>,
    document.getElementById('root')
)

使用 connect() 将 state 和 action 与 React 组件连接起来