环境准备
为了方便，这里使用create-react-app搭建react环境
create-react-app mydemo
弹出配置
如果需要自定义react的配置，需要运行下面的命令把配置文件弹出来。
npm run eject
安装redux
npm i redux --save
简单理解
redux简单用法就是通过它的store来订阅和发布信息。
通过subscribe来订阅action，通过dispatch来触发action。reducer中定义来各个action要做的事情。
demo代码
reducer定义
const Add = 'addGirl', Rem
在本文中，我们将深入探讨如何入门React Redux，包括环境准备、Redux的基本概念、以及如何在实际项目中使用Redux处理同步和异步操作。
环境准备是任何开发项目的起点。对于React Redux，我们可以利用`create-react-app`快速搭建React开发环境。通过运行`create-react-app mydemo`命令，你可以创建一个名为`mydemo`的新项目。如果需要自定义配置，如改变Webpack配置，可以使用`npm run eject`将配置文件暴露出来。接着，我们需要安装Redux库，使用`npm i redux --save`命令将其添加到项目依赖中。
Redux是一个状态管理库，它简化了React应用中的数据流管理。其核心理念是通过单个store（存储）来集中管理所有组件的状态。状态的改变通过actions（动作）触发，而actions的处理则由reducers（还原器）来完成。在给定的示例中，我们有两个基本的actions：`Add`和`Remove`，分别表示增加和减少某个状态值。reducers定义了对这些actions的响应，例如`Add`会增加状态，`Remove`会减少状态。
在实际应用中，actions通常会通过action creators（动作生成器）来创建，这样可以避免每次手动创建相同的action对象。例如，`addCreator`和`removeCreator`就是用于生成`Add`和`Remove` actions的方法。当需要执行异步操作时，如延迟增加状态，可以使用`addAsync`这个action creator，它会通过`setTimeout`模拟异步行为，并在完成时触发`addCreator`。
在Redux中处理异步操作，我们需要引入中间件，如`redux-thunk`。这个中间件允许我们在action creators中返回一个函数，而不是直接返回一个action对象。在项目中，通过`npm i redux-thunk --save`安装`redux-thunk`后，只需要在创建store时使用`applyMiddleware`方法添加thunk中间件即可。
入口文件`index.js`是整个应用的启动点，这里创建了一个Redux store并订阅了`render`函数，以便在state变化时更新UI。同时，将`store`和action creators作为props传递给`App`组件，使得组件可以直接通过`store.dispatch`触发actions。
在`App.js`组件中，我们获取store中的当前状态并渲染到界面上。当用户点击按钮时，组件会调用传递过来的action creators，触发相应的actions，进而改变状态并更新视图。
React Redux入门示例展示了如何创建一个简单的Redux应用，包括定义reducers、actions、action creators，以及如何与React组件交互。理解这个基本流程是掌握Redux的关键，而结合`redux-thunk`处理异步操作，则进一步拓展了Redux在实际项目中的应用能力。通过这样的实践，开发者可以更好地管理和组织React应用中的复杂状态，提高代码的可读性和可维护性。
