官网：https://redux.js.org/introduction/getting-started

（Redux 官网对 Redux 知识的讲解有很多重复的地方，所以学习的时候要懂得挑重点看）

一、Getting Started

1. 安装 React Toolkit 和 Redux

一进入 Redux 介绍页，它就极力推荐使用 React Toolkit 写 Redux 逻辑。我觉得要先了解 Redux 核心内容，再去学习使用 React Toolkit 更好。
（我不用 React Toolkit，觉得它增加了使用 Redux 的心智负担）

安装 React Toolkit

  1. yarn add @reduxjs/toolkit

安装 Redux

  1. yarn add redux

2. 两个例子

一个简单的 Redux 例子

  1. import { createStore } from 'redux'
  3. function counterReducer(state = { value: 0 }, action) {
  4.   switch (action.type) {
  5.     case 'counter/incremented':
  6.       return { value: state.value + 1 }
  7.     case 'counter/decremented':
  8.       return { value: state.value - 1 }
  9.     default:
  10.       return state
  11.   }
  12. }
  13. let store = createStore(counterReducer)
  14. store.subscribe(() => console.log(store.getState()))
  15. store.dispatch({ type: 'counter/incremented' })
  16. store.dispatch({ type: 'counter/incremented' })
  17. store.dispatch({ type: 'counter/decremented' })

一个使用 Redux Toolkit 的例子

  1. const counterSlice = createSlice({
  2.   name: 'counter',
  3.   initialState: {
  4.     value: 0
  5.   },
  6.   reducers: {
  7.     incremented: state => {
  8.       state.value += 1
  9.     },
  10.     decremented: state => {
  11.       state.value -= 1
  12.     }
  13.   }
  14. })
  16. export const { incremented, decremented } = counterSlice.actions
  18. const store = configureStore({
  19.   reducer: counterSlice.reducer
  20. })
  21. store.subscribe(() => console.log(store.getState()))
  22. store.dispatch(incremented())
  23. store.dispatch(incremented())
  24. store.dispatch(decremented())

3. Redux 的学习资源

「@浪里淘沙的小法师」