完成reducer文档

Author: Kennytian

README.md

@@ -1,4 +1,4 @@
-# React Native旅程
+# React Native 学习旅程
 ###本文档前置条件
 1. 已安装JDK，并配好环境变量。
 2. 已安装如下Android SDK，并配好环境变量。
@@ -21,10 +21,8 @@
 ### 安装Node.js
 - 从官网下载[Node.js 4.4.x](https://nodejs.org/dist/v4.4.2/node-v4.4.2-x64.msi)的官方4.x版本，``` 不要安装5.x版本 ```，安装时确保``` Add to PATH ```已选中状态。
 - 建议设置npm镜像以加速后面的过程（或使用科学上网工具）。
-<pre><code>
-npm config set registry https://registry.npm.taobao.org
-npm config set disturl https://npm.taobao.org/dist
-</code></pre>
+<pre><code>npm config set registry https://registry.npm.taobao.org
+npm config set disturl https://npm.taobao.org/dist</code></pre>
 
 ### 安装Gradle
 - 虽然在编译Android项目时会自动下载，但如果网络状态不好，很容易下载失败，建议先下载[gradle-2.4-all.zip](http://pan.baidu.com/s/1c0dcgfe)。
@@ -54,22 +52,16 @@ npm config set disturl https://npm.taobao.org/dist
 <pre><code>adb reverse tcp:8081 tcp:8081</code></pre>
 
 建议使用Android 5.0系统手机，不用手动设置Debug server host，但是最低要求Android 4.1系统手机。
-提示：如果你执行``` adb devices ```没有问题，但执行上面``` adb reverse ```命令出问题，请下载[utility/adb.zip](https://raw.githubusercontent.com/Kennytian/learning-react-native/master/utility/adb.zip),解压后，将3个文件放在``` %ANDROID_HOME%\platform-tools ```下
+
+提示：如果你执行``` adb devices ```没有问题，但执行上面``` adb reverse ```命令出问题，请下载 [utility/adb.zip](https://raw.githubusercontent.com/Kennytian/learning-react-native/master/utility/adb.zip) ,解压后，将3个文件放在``` %ANDROID_HOME%\platform-tools ```下
 
 ### 开发
 用IDE打开RNProject目录, 开始开发吧!
 
 ### 反馈
 - QQ:2225226
 
-下一篇：[Redux之Action](https://raw.githubusercontent.com/Kennytian/learning-react-native/master/redux/actions.md)
-
-
-
-
-
-
-
-
-
-
+### 相关文档
+* [React Native 学习旅程](https://github.com/Kennytian/learning-react-native/blob/master/README.md)
+* [Redux 之 Action](https://github.com/Kennytian/learning-react-native/blob/master/redux/action.md)
+* [Redux 之 Reducer](https://github.com/Kennytian/learning-react-native/blob/master/redux/reducer.md)

redux/actions.md redux/action.mdredux/actions.md renamed to redux/action.md

@@ -31,15 +31,7 @@ store里能直接通过`store.dispatch()`调用`dispatch()`方法，但多数情
 
 `bindActionCreators()`更是可以自动把多个**action创建函数**绑定到`dispatch()`方法上。
 
-
-
-
-
-
-
-
-
-
-
-
-
+### 相关文档
+* [React Native 学习旅程](https://github.com/Kennytian/learning-react-native/blob/master/README.md)
+* [Redux 之 Action](https://github.com/Kennytian/learning-react-native/blob/master/redux/action.md)
+* [Redux 之 Reducer](https://github.com/Kennytian/learning-react-native/blob/master/redux/reducer.md)

redux/reducer.md

@@ -0,0 +1,43 @@
+# Reducer 技术要点
+
+Action只描述了**有事情发生了**这一事实，而reducer要做的事就是如何更新state。
+
+## 设计 State 结构
+在Redux应用中，所有的state都被保存在一个单一对象树中，建议设计一个良好的数据组织结构。如何才能以最简的形式把应用的state用对象描述出来？
+
+以酒店应用为例，需要保存两个不同的内容：
+* 当前筛选后酒店列表的过滤条件
+* 默认酒店列表
+
+通常，这个state树还需要存放其它一些UI数据，但尽量把这些数据与UI相关的state分开。
+
+<pre><code>{
+  visibilityFilter: 'SHOW_ALL',
+  hotels:[
+  {
+    text: '公寓',
+    isShow: true,
+  },
+  {
+    text: '客栈',
+    isShow: false
+  }]
+}</code></pre>
+
+> ### 处理 Reducer 关系时的注意事项
+> 开发复杂的应用时，不可避免会有一些数据相互引用。建议你尽可能地把 state 范式化，不存在嵌套。
+> 把有数据放到一个对象里，每个数据以 ID 为主键，不同数据相互引用时通过 ID 来查找。
+> 把应用的 state 想像成数据库。
+> 例如，实际开发中，在 state 里同时存放 `hotelsById: { id -> hotel } 和 hotels: array<id>` 是比较好的方式。
+
+
+
+### 相关文档
+* [React Native 学习旅程](https://github.com/Kennytian/learning-react-native/blob/master/README.md)
+* [Redux 之 Action](https://github.com/Kennytian/learning-react-native/blob/master/redux/action.md)
+* [Redux 之 Reducer](https://github.com/Kennytian/learning-react-native/blob/master/redux/reducer.md)
+
+
+
+
+