react中store与数据流

本文介绍了Redux中的store创建、dispatch和action的使用,强调了其严格的单向数据流设计,包括reducer处理action更新state的过程,以及如何通过combineReducers管理多个reducer。作者还分享了自己的技术背景和为何创建前端开发学习资源。
摘要由CSDN通过智能技术生成

4.允许listeners去通过subscript(listener)

5.处理通过subscribe(listener)返回的函数注销侦听器

在上一个部分,我们创建了一个todoApp,在这里我们将其导入进入口处去创建store

在这里可以使用createStore来指定state的初始值,其采取的方式是在createStore中传入第二个参数,用来指定其初始值,常用的初始值是window.STATE_FROM_SERVER。

dispatch(action),发送用户请求并去更新state,在下面的实例中,在没有ui组件的情况下去测试更新的逻辑。

数据流

redux是严格的单项数据流架构,这意味着所有的数据都必须采用同样的生命周期模式,这使得我们更加容易去理解与预测数据。这样就实现了一个数据的共享过程,不会有不互相知道数据的存放问题。对于redux的生命周期有以下四步

1.通过store.dispatch(action)去描述要发生什么事情。例如:

所有有关于你想要去改变数据的操作都放在你的action中,因为所有的有关于数据的操作都只有这唯一的方式。

2.然后redux中的store就通过reducer去处理通过action发来的数据:

通过reducer中的两个参数中action与state,将数据实时的呈现。(需要注意的是此时的reducer是一个纯函数,它只去计算nextState)例如在下面的例子中:

3.根reducer将多个reduce组合在一起,构建一个简单的state树。

在之前的部分已经说到了,通过combineReducers可以将多个reducer整合在一起。这样做的目的是,方便数据的管理,每个部分中的数据操作都在各自的部分进行。下面的例子就是使用combineReducer的实际例子

当你发出一个action后,通过combineReducer返回的todoApp调用两个reducer

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
dn.net/topics/618191877)

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

  • 17
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值