Redux
文章平均质量分 60
daysRoc
这个作者很懒,什么都没留下…
展开
-
Redux与React的关系详解
Redux和React并没有半毛钱关系,但是两者又恰好能够很好的结合在一起 为啥? React-关注View层的组件化 Redux-关注DataModel的处理 所以没关系。 Redux产生原因: 前端页面会处理很多很多的data,每一条data可能引起其他data的变化,而每一次数据更新将会更新View,那么就会产生及其混乱的状态,所以Redux产生了。 Redux的原理:原创 2017-07-11 18:20:44 · 678 阅读 · 0 评论 -
Redux与React-看懂你就懂了
React是View层,把页面划分为一个个组件,但是组件之间的通信,数据传递,需要通过props传递,单纯的父子之间,这样做是可以的,但是随着页面的丰富,组件嵌套的深度,组件之间传递信息就显得略微麻烦,你能想象层层传递的状态么。。。。 大概就是下图所示的 Redux正好解决了这个问题,Redux把页面状态存在store中,任何一个组件都可以直接从store中获取数据,相当于本来是中央集权,通原创 2017-07-14 11:23:05 · 444 阅读 · 0 评论 -
Redux详解
redux 1、基本概念 redux其实就是一个页面状态管理的规约。store中的数据约定是不能改变的,只能重新生成store。 2、页面刷新带来的问题 store中的数据是存在内存中的,页面刷新会使store中的数据全部重置,所以不要期望页面刷新后能够从store中获取相应的数据,要想获得持久化的数据,可以从sessionStorage或者localStorag...原创 2018-07-22 14:57:03 · 338 阅读 · 0 评论 -
深入浅出—Redux源码
目录一、维护一个状态树、发布订阅1.1 dispatch1.2 subscribe1.3 getState1.4 replaceReducer1.5 [$$observable]: observable二、中间件三、工具函数3.1 compose3.2 combineReducers3.3 bindActionCreator附录阅读本文的前提条件,了解Redux基本概念。杂谈:&n...原创 2018-10-11 16:24:51 · 863 阅读 · 0 评论 -
Redux中间件原理详解
目录1、中间件是什么样子的1.2 thunk中间件1.2promise中间件1.3logger中间件2、怎么使用中间件3、中间件运行原理3.1 中间件的内部逻辑3.2 触发一个action时,执行逻辑附录compsoe为了解析中间件,先看一下几个中间件是什么样子,怎么用,运行起来的原理是什么?1、中间件是什么样子的1.2 thunk中间件function createThunkMiddle...原创 2018-10-12 21:09:08 · 1580 阅读 · 0 评论 -
深入浅出—Redux-saga源码
redux中间件编写如何编写一个中间件呢?({dispatch, getState}) => next => action { // write your code here next(action)}上面的函数参数什么含义呢?{dispatch, getState}: dispatch和getState就是redux中常用的函数next: 就是下个中间件...原创 2018-10-16 11:28:44 · 1204 阅读 · 0 评论 -
深入浅出—React-redux源码
目录React-redux框架基本原理是什么?为什么?怎么用?框架源码模块划分ProviderConnectdefaultSelectorFactorypureFinalPropsSelectorFactoryimpureFinalPropsSelectorFactorydefaultMapStateToPropsFactories和defaultMapDispatchToPropsFactori...原创 2018-10-16 16:48:56 · 620 阅读 · 0 评论