手搓redux原生代码？

手动编写 Redux 的原生代码时，首先需要理解 Redux 的核心概念和工作原理。Redux 是一个用于管理应用状态的可预测状态容器。下面是一些手动编写 Redux 原生代码的步骤：

1. 安装 Redux：使用npm或yarn安装Redux库。

2. 创建Actions：首先，定义和创建需要触发的各种操作。一个action实际上就是一个带有type属性的JavaScript对象。例如：

const increment = () => {
  return {
    type: 'INCREMENT'
  }
}

const decrement = () => {
  return {
    type: 'DECREMENT'
  }
}

3. 创建Reducers：Reducer负责根据action的类型来更新应用状态。一个reducer是一个纯函数，接收旧的状态和action，并返回新的状态。例如：

const counterReducer = (state = 0, action) => {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1
    case 'DECREMENT':
      return state - 1
    default:
      return state
  }
}

4. 创建Store：创建Redux store，将reducer传递给它。Store是Redux的核心，将action和reducer结合起来，并且负责存储应用的状态。例如：

import { createStore } from 'redux'

const store = createStore(counterReducer)

5. 订阅更新：使用store.subscribe()方法订阅store的更新事件，可以在回调函数中获取最新的状态。

store.subscribe(() => {
  console.log(store.getState())
})

6. 分发Actions：通过调用store.dispatch()方法来分发action，从而触发状态更新。

store.dispatch(increment())
store.dispatch(decrement())

以上是手动编写Redux原生代码的基本步骤。通过遵循这些步骤，你可以搭建一个简单的Redux应用来管理应用状态。当然，在实际应用中，可能还需要使用中间件、多个reducer和组合reducer等更高级的功能。