Redux入门,面试流程4轮技术面+1轮HR

redux使用需要理解下图各个模块之间的作用和关系。为了方便描述,我用A、S、R、C分别代表Action、Store、Reducers、Components

首先,S的意思代表商店(表示所有数据的存放池),A的意思为动作(表示你触发增删改查操作数据的行为),R,很明显是个名词,可以理解为商店的店员(帮助查找数据),C的意思是组件,可以理解为顾客。那么这样就很好理解了,我一个顾客C想去买一个商品(触发Action动作),就要去商店(触发S)找这个商品,我找了半天没找到,于是问了店员,店员就去帮你找到了(触发R),最后付完钱走出商店,拿到了你想要的商品(state)。

image.png

redux运行流程

使用总结:

1.资本家redux要开一个商店,店里要配店员。(使用createStore(reducer)创建store)

image.png

2.我想要买个女朋友,于是去商店了(创建一个action,并把action提交给store)

image.png

3.店员熟悉店里个各种商品,对于顾客一律是有求必应,因为柜台摆动的模型,所以顾客要什么都是拿出新的给顾客(参数state表示当前商店有的商品,参数action表示顾客提的要求,reducer中和react中的props相似,可以接受state,但不能直接修改,需要进行一个拷贝)

image.png

4.购买好了,商店的要更新商品的库存了。(

store.subscribe(方法名)监听数据变化并作出修改)

image.png

三  如何获取Redux中的state?

通过store.getState()获取

image.png

四 如何更新Redux中的state?

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

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

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

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

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

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

❤️ 谢谢支持

喜欢的话别忘了 关注、点赞哦~。

前端校招面试题精编解析大全

4932)]

❤️ 谢谢支持

喜欢的话别忘了 关注、点赞哦~。

[外链图片转存中…(img-lp0RENYa-1711987234932)]

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值