Redux学习

2016-09-01 本文已影响87人 void_main

redux组件的构成

Action

Actions are payloads of information that send data from your application to your store. They are the only source of information for the store. You send them to the store using store.dispatch().

Store
Reducer

connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])

combineReducers
真正开发项目的时候 State 会涉及很多功能，在一个 Reducer 处理所有逻辑会非常混乱，所以需要拆分成多个小 Reducer ，每个 Reducer 只处理它管理的那部分State数据。然后在由一个主 rootReducers 来专门管理这些小 Reducer 。

Immutable 详解及 React 中实践

react-redux

Provider
Provider是一个React组件，它的作用是保存store给子组件中的connect使用。
1.通过getChildContext方法把store保存到context里。
2.后面connect中会通过context读取store。
connect
connect 会把State和dispatch转换成props传递给子组件。
mapStateToProps
mapDispatchToProps

redux与react-redux关系图
http://zhenhua-lee.github.io/react/redux.html

浅显易懂的Redux深究
http://www.open-open.com/lib/view/open1454736519386.html

《看漫画，学 Redux》 —— A cartoon intro to Redux
https://github.com/jasonslyvia/a-cartoon-intro-to-redux-cn

redux,一种页面状态管理的优雅方案
http://www.tuicool.com/articles/eEFrueE

深入浅出 - Redux
http://www.tuicool.com/articles/bMzeEzF