Redux考点清单

本文探讨了Redux中为何将reducer设计为纯函数,解释了Redux的状态管理、与react-redux的实现原理、与MobX的区别,以及异步中间件的作用和常用的异步中间件,如redux-thunk、redux-saga和redux-observable。
摘要由CSDN通过智能技术生成

redux 为什么要把 reducer 设计成纯函数

redux 是什么?

Redux 是一个为 JavaScript 应用设计的,可预测的状态容器。

它解决了如下问题:

跨层级组件之间的数据传递变得很容易
所有对状态的改变都需要 dispatch,使得整个数据的改变可追踪,方便排查问题。
但是它也有缺点:

概念偏多,理解起来不容易
样板代码太多

react-redux 的实现原理?

通过 redux 和 react context 配合使用,并借助高阶函数,实现了 react-redux。

参考链接:React.js 小书

reudx 和 mobx 的区别?

得益于 Mobx 的 observable,使用 mobx 可以做到精准更新;对应的 Redux 是用 dispath 进行广播,通过Provider 和 connect 来比对前后差别控制更新粒度;

相关阅读:Redux or MobX: An attempt to dissolve the Confusion

redux 异步中间件有什么什么作用?

假如有这样一个需求:请求数据前要向 Store dispatch 一个 loading 状态,并带上一些信息;请求结束后再向Store dispatch 一个 loaded 状态

一些同学可能会这样做:

function App() {
   
  const onClick = () => {
   
    dispatch({
    type: 'LOADING', message: 'data is loading' })
    fetch('dataurl').then(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

咩咩羊10

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值