【react】【redux】redux核心概念

redux 核心概念

我们先讲一个老一点的故事

在早些时间,报纸盛行时代,想了解世事,就得看报纸,想看报纸的人要跟报社订阅,对吧

在年初的时候,某A跟报社电话,我想订阅一年的报纸,这样每天深圳的重大消息都可以知道了

在6月的某一天,深圳某个城中村要被拆迁了,据说最大单户最大补偿过亿

报社记者把这个消息收集好、编辑、审稿,印刷报纸

第二天,某A收到报纸,才知道深圳某个村又有批大富翁就出现了

这是一个不是很合适的故事,借此来说明redux的核心概念,但你必须理解故事的模式

现在我们来看看redux核心概念

redux work flow

如图中所示,redux的核心概念有 store、reducer、state、action

我们将逐步讲解这几个概念,来帮助理解 redux,当然我们会把redux结合订报纸联系起来

redux的原理就是类似这个订报纸的故事, 它也是中观察-订阅者模式

store

store就类似于报社

报社,管理着所有的消息、管理着订阅消息的人、负责把得到的消息分发出去

store,类似于报社,存储了应用的所有状态数据、管理者订阅状态变化、并且分发消息给订阅者

action

action表示事件

报社事件是指各地发生的事情,比如某地要拆迁了、某地又有人被高空抛物砸了、某地又在挖路啊

redux中的事件也类似,应用某个模块请求修改状态

reducer

报社记者收到新闻事件后,去事件发生地采访、记录,然后编辑写稿、审核,最后经印刷成报

redux的reducer就是在收到事件后,经过reducer处理后,得到新的状态数据

所以,简化来说,redux就是存储了很多状态数据,一旦某个模块向store请求修改状态数据后,store
经过修改状态数据,最终通知给关注这些数据变化的模块,因为这些模块订阅了store

坚持原创技术分享,谢谢鼓励我继续创作!