react引入redux之初体验(一)

本文介绍了在React项目中使用Redux的基本体验,强调了Redux作为数据管理框架的思想。Redux的核心原则是通过store统一管理state,不允许直接修改state,而是通过action和reducer来处理数据。action定义操作,reducer负责无副作用的数据处理。文中还探讨了异步action和thunk中间件在处理网络请求中的作用,帮助理解Redux如何实现数据层与UI层的分离。
摘要由CSDN通过智能技术生成

这里写图片描述
不管我们项目中是否是用的redux思想的最佳实践,但是他的基本思想基本如上图,是不是十分简单明了。有人说,redux这类不能称为框架,只能说是一种思想,不过我们在此就不讨论这么学术的问题了,为了描述统一,以下我们姑且称之为框架。redux这个框架思想很简单,不过,有时候最简单的就是最复杂的,简单的,灵活,也意味着我们需要做的更多,这时候,最佳实践方案就比较不好说了,这里我也只能是就着自己的一点点项目经验来稍稍讨论一下,肯定谈不上最佳实践,但是作为抛砖引玉还是有一定价值的。接下来直接进入正题。
首先简单介绍一下上图,redux基本原则是,state中的数据由store进行统一管理,不可对state中的数据进行直接操作,也就是说,store是作为数据仓库的存在,当然,store并不是state,他只是个仓库,当我们变更store中的数据后,可以根据store.getState()这个方法获取数据,然后取出需要的数据,进行setState操作更新视图。这就很容易明白store跟state具体是什么关系了,store是将数据逻辑层与视图层更好地隔离开来。当然,这还得有其他两个小兄弟的帮忙,那就是action和reducer,严格

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值