完全理解 redux（从零实现一个 redux） about blog

[Cxp18028008119]

前端 真难

[brickspert]

@Mrzhangyu 感谢认可。谢谢

[codinglilong]

啥时候能实现下react-redux跪求哦

[houwhu]

这个写的真的很好，比网上看到很多redux的教程写的好

[EncounterOnly]

大神的理解很透彻，通俗易懂，学习了。

[xingyongchao]

通过简述过程中把redux源码解析出来， 大神666

[xz1024]

android开发时，通常使用MVP分层已经足够用了。真心想不出来，请大神指教！

安卓开发的来添什么乱

[txp1035]

文章很不错，循序渐进，通俗易懂。

/* 实现 exception(time((logger(dispatch))))*/
chain.reverse().map(middleware => {
   dispatch = middleware(dispatch);
});

从语义话看，这里我建议用forEach更好呢。

[Shangjinhui]

redux可以一用在任何框架，与框架本身没有关系。那是不是vue的store也一样啊

[Shangjinhui]

我可能需要先学一下redux运行原理再来看这个底层

[coolpail]

牛逼，真香

[coolpail]

优秀

export default function compose(...funcs) {
  if (funcs.length === 1) {
    return funcs[0]
  }
  return funcs.reduce((a, b) => (...args) => a(b(...args)))
}

数组是长度为1时候reduce默认就是第一个元素，这边判断是不是多余了

[yaoyanweb]

大佬 这个地方有点小错误，不过整篇文章还是很通俗易懂，加油！

[MrCuriosity]

写的真好，看过的有关文章里最循序渐进通俗易懂的了

applyMiddleware那里把store抽出来返回函数，参数是action，有点依赖注入和惰性求值的味道，虽然不完全是纯函数

如果中间件那里加上异步处理的解析，比如外部的runSaga（watchers），那就更棒了

[maojiebaibaibai]

看了这么多redux的教程，这个真的是很通俗易懂了，不过最后中间件的地方还得好好捋一捋，还是有点晕，感谢大神

[didihaha]

这个讲的通俗易懂，赞--

[brickspert]

@maojiebaibaibai 中间件那里，建议跟着写一遍。自己实现两个中间件就会了！

[dumuchenglin123]

厉害厉害，真的是用心了

[aokijiliao]

厉害，讲的很好，

[JasonGaoG]

这个真心赞一个。

[getOnce]

点赞。

[TangTangJia]

解释的非常清晰就算初学者也能看懂 感谢作者

[acmu]

为什么你这么厉害，真的通俗易懂唉

[mrliangsgit]

这个是真的大神，实在佩服，十分感谢，希望继续出关于dva实战的文章

[xiaotanit]

666，是看过的关于redux最棒的教程

[dutaoli]

真是太厉害了，终于明白了种种的种种

[Mstian]

多文件协作第三段代码
/注意：countReducer 接收的 state 是 state.info/
应该是InfoReducer 接收的state是 state.info

[florida0723]

赞👍

[venlee1993]

非常棒，赞

[Jay-cool-maker]

看的很透彻 感谢大神

[cuileikun]

讲解的通俗易懂，点赞

[AganCN]

感谢

[jinceon]

送上我的膝盖

[barryzhang123]

牛逼 讲得很透彻

[378056350]

功力得多么深厚，才能把这个讲的这么透彻啊

[Lin-Kangjing]

果然是大神，这是我看的最清晰的redex叫教程了。感谢！！！！

[xz1024]

大神，虽然我还不会用react；但是已经了解redux了

[Shanxian]

感谢分享，看到所有的为止最通俗易懂的一篇

[cyclv]

这个真厉害

[RichardChen1122]

这个厉害了，透彻易懂

[heyang5020]

感谢大神，讲的很好，向大神学习！

[menglou]

大神啊，讲的很好，一遍看不懂，多看几遍就懂的多了

[WJjack]

这个是真的吊，太感谢大神了，值得点赞

[cainiao308]

码，后面看

[xulinnn]

太厉害了吧 感谢大神 发现自己要学的东西还有很多 大家一起加油吧~

[xulinnn]

真的是好激动 找到这篇文章 太感谢作者了

[LiZheng1501]

大神为什么for(i = 0; i<listeners.length; i++)中的listener是一个函数呢？为什么要listener();一下呢？这个不太理解，怎么实现的通知的...

[JackeBluthH]

刚学习react时没有使用redux，因为觉得比较复杂、难懂。看了楼主的解说，通俗易懂。真心感谢楼主

[liruisen]

大神为什么for(i = 0; i<listeners.length; i++)中的listener是一个函数呢？为什么要listener();一下呢？这个不太理解，怎么实现的通知的...

因为listener是当做一个函数或者订阅事件传入到listeners数组中的，这个数组保存的不是数值，是所有的订阅者的订阅，也就是

   console . log ( state . count );
}```
敲一遍代码，很多东西就能看懂了

[GeiDiao]

学习了

[ailume]

大神为什么for(i = 0; i<listeners.length; i++)中的listener是一个函数呢？为什么要listener();一下呢？这个不太理解，怎么实现的通知的...
我来给他 修改一下 ，你就明白了
subscribe((fn) = () => {
console.log(fn);
console.log(state.count);
});
这个是调用这个方法 subscribe ， 而且这个方法 接收一个 参数 ，只是这个参数是个方法 ( fn )

[LiYZHe]

真是好人，之前只是大概了解一下redux，现在明白好多了

[z-9527]

这也太秀了吧

[honeywong]

不错

[qaz6237326]

这个是我看过的最好的redux文章了，想请问一下，为什么redux不支持异步？

[qq794877194]

厉害了，厉害了，特地登录上来赞一下

[zhuwo]

通俗易通，忍不住给个赞

[zhangtai315]

牛逼！

[Nealyang]

学习了~老哥，文章可否授权公众号【全栈前端精选】转载，注明出处和作者

[brickspert]

@Nealyang 可以的，注明出处即可。

[xiongzhong]

膜拜大佬，文章由浅入深，通俗易懂，不知道大佬有没有技术博客，很想看看

[tangtuotuo]

大神厉害

[WangXi01]

大神厉害，我没做过react项目，只是看了看官方文档，感觉redux有点复杂，看了大神的文章，感觉理解更透彻了

[liuhui666]

👍👍👍，通俗易懂

[carrotboy]

这个是我看过的最好的redux文章了，想请问一下，为什么redux不支持异步？

redux只是一个信息管理工具，在异步回调里面使用就好了

[yiwo18]

虽然还不懂，先收藏，等react搞得差不多了再来研究。先膜拜下大佬！！

[DaWeIDaDa]

关注了

[gjgstyle]

搞后端的就得网络调配+后端+前端都得会，我好难啊

[dailijian]

不会 redux 都看懂了，大神威武！！！

[damonare]

文章很不错，循序渐进，通俗易懂。

/* 实现 exception(time((logger(dispatch))))*/
chain.reverse().map(middleware => {
   dispatch = middleware(dispatch);
});

从语义话看，这里我建议用forEach更好呢。

chain.reduce((a, b) => b(a), dispatch)

这样写可能更优雅，作者的本义可能是想跳过compose的实现

[lxxxv5]

大彻大悟

[NikFranki]

大赞

[lichangji-li]

厉害

[songning0605]

Mark

[z-9527]

中间件那里有个问题，store为什么要单独作为一个参数传进去，为什么不一起和next传进去

[yuexiangrong]

牛逼

[Quansansan]

写的很棒，看着看着就笑了，内心戏好足的技术大佬吖~

[songzhi909]

厉害，通俗易懂

[slashnie]

厉害啊大佬，真是透彻，希望多做一些这样的知识点解析，太有用了。

[jundream1988]

请收下膝盖！！

点个赞

[zihudie]

很通俗易懂，我先过一遍。项目完成之后，再跟着你这写一遍。谢谢分享~~真的很棒👍

[BarneyRoos]

真是一种享受，要是多一些这样的文章该多好！

[Captain-Tab]

之前学习过，现在来复习。写的真棒 👍

[coolpail]

优秀

export default function compose(...funcs) {
  if (funcs.length === 1) {
    return funcs[0]
  }
  return funcs.reduce((a, b) => (...args) => a(b(...args)))
}

数组是长度为1时候reduce默认就是第一个元素，这边判断是不是多余了

[1597403461]

perfect

[BugUpdater]

大佬 这个地方有点小错误，不过整篇文章还是很通俗易懂，加油！

这个没错，你自己运行下试试。state是当前的状态，state.name和state.description是旧的值，如果换成这两个那就相当于没修改了。action里才是要更新的新值，所以这里从action中取是没问题的~ 你再想想哈

[shentaoliu]

跟着写了一遍，很赞啊，很全面！

[bingo-keith]

讲得很好，跟着走了一遍，循序渐进的，很好理解

[pengcc]

文章很不错，循序渐进，通俗易懂。

/* 实现 exception(time((logger(dispatch))))*/
chain.reverse().map(middleware => {
   dispatch = middleware(dispatch);
});

从语义话看，这里我建议用forEach更好呢。

chain.reduce((a, b) => b(a), dispatch)

这样写可能更优雅，作者的本义可能是想跳过compose的实现

我也认同reduce 更好（看到后边发现了），但map是没有必要的，forEach更合适，这里没有必要创建一个无用的新数组

[beyondouyuan]

大佬讲得非常通透易懂哇！不过总结那里有一句话“dispatch( action ) 触发 action，生成新的 state”，感觉可能会有一丢丢的歧义【可能会有人理解成dispath和reducer一样都可以更改state，但实际上，更改state的地方只有一个，那就是reducer，无论是redux文档的解释还是大佬代码里的表现显示都是如此】。多加几个字，改成“dispatch( action ) 触发 action，通知reducer按计划生成新的 state”，这样子也许更好一点？当然这只是小弟的个人感觉哈

[7neves]

大佬，通透👍

[jxj666]

终于看完了,临摹了一遍,收获很大
https://github.com/jxj322991/redux

[kvsur]

用TypeScript模仿着写了一个版本

[yanhuomili]

牛逼

[nmnmtttt]

谢谢大神，很有帮助！

[byranb]

牛逼！

[kvdo2]

谢谢！

[liuhui666]

这是来自QQ邮箱的自动回复邮件。您好，您的邮件我已收到                                        ——刘慧

[DongHY1]

unsubscribe的实现方式有问题，以作者给出的DEMO-9，index.js中的代码为例

const un = store.subscribe(() => {
  let state = store.getState();
  console.log(state.counter.count);
});
store.dispatch({
  type: 'INCREMENT'
});
un()
store.dispatch({
  type: 'INCREMENT'
});
console.log(store.getState()) // { counter: { count: 3 } }

取消订阅后，count的值仍然发生了变化