以TODO为例分析，实际开发中并不是那么简单，下面的原型只是开发中的一个原型，这个简单的例子，有助于掌握数据处理传递的原则。

一、定义constants

一、index.js

https://github.com/reactjs/redux/blob/master/src/index.js

一、前言

• 在redux里，middleware是发送action和action到达reducer之间的第三方扩展，也就是中间层。也可以这样说，middleware是架在action和store之间的一座桥梁

一、创建同步Action

Action是数据从应用传递到 store/state 的载体，也是开启一次完成数据流的开始

redux的核心概念就是store、action、reducer，从调用关系来看如下所示

1

store.dispatch(action) --> reducer(state, action) --> final state

一、为什么要进行组件的协同

• 我们在实际的开发项目的时候，不会只用几个组件，有时候遇到大型的项目，可能会有成千上百的组件，难免会遇到有功能重复的组件。要进行修改，就会修改大部分的文件。所以我们需要进行组件的协同开发。

一、编写事件处理函数

一、什么是生命周期

一、JSX是什么

• 一个语法或者说是语法糖
• 基于ECMAScript一种新的特性

一、什么是react

• react是由Facebook开发的一个JavaScript库，而不是一个框架。当时Facebook需要解决一个问题，开发（或者说是构建）一个数据不断变化的大型应用。而数据变化会带来两个很严重的问题