react-native 的项目reading学习一

1.从这里https://github.com/attentiveness/reading下载了，然后npm install，然后react-native run-android就能执行成功

2.项目介绍https://richardcao.me/2016/07/05/Talk-About-Reading/

actions：redux中action部分都在这里
components：reading中用到的通用控件，全部抽离出来在这里，同时任何一个react-native app，都可以直接拿去用，支持Android & iOS双平台
constants：这里主要是一些常量，比如action的type，一些字符常量，url常量，还可以有颜色常量等各种
containers：容器层，需要注入state的地方，我会用容器包一层。如果有需要页面中用到多个组件拼成，也通过容器包一层，达到复用。app入口也在这里
img：这里主要放图片资源
pages：这里主要放页面，其实就是组件。目前来看，这里面的组件其实都是reading的单个页面。其实页面是可以组合的，在外面包一层容器的话，就可以进行组合。一些复杂的页面，完全可以通过这种方式去做，复用性更高，而且还能解耦
reducers：redux中reducer部分都在这里，reducer和action不一定是一一对应的，数量也不一定是相等的。state可以进行各种颗粒度的细分，最后通过combine函数合为一个。拆分state非常重要，它涉及到性能优化，不同的state通过不同的reducer进行处理，然后渲染不同的页面，甚至是渲染同一个页面中的不同组件，这样就避免了过渡渲染。如果不拆分，当一个大state改变的时候，所有的页面都会重新render，这是很浪费性能的
store：redux的store部分，通过reducer和各种各样的middleware创建store。例如redux-thunk，redux-logger等
utils：工具包
root.js：统一index.android.js和index.ios.js入口，通过react-redux中的Provider组件包裹整个APP