redux的核心概念其实很简单：将需要修改的state都存入到store里，发起一个action用来描述发生了什么，用reducers描述action如何改变state tree 。创建store的时候需要传入reducer，真正能改变store中数据的是store.dispa…

在上一篇文章 Redux 入门 -- 基础用法中，阿大用 redux 开起了水果店。 谁知道水果店生意越来越好，于是阿大开始拓展业务，不仅卖水果，还卖起了生鲜，于是有了水果部和生鲜部。 但是阿大并不想看各个部门的分账本，他只想看一个总账本就好了。刚好 redux 提供了 com…

emmm...这是一篇偏重于源码实现的文章,其次是使用的注意事项，阅读请谨慎。 关于state初始值的，在上面相应的代码示例部分已经做出了相应的注释。 另外需要注意的是当我们调用createStore()初始化一个仓库时，可以传入一个preloadedState参数作为crea…

在上一篇文章 Redux入门 -- 拆分 reducer 中，阿大通过 redux 的 bindReducers 方法将水果店的业务分治成功，店铺也越做越大。以至于有顾客开始想要买一些进口的水果生鲜。 阿大考虑了一下，决定继续拓展这个店铺，从事进口商品的销售。首先是顾客的需求行…

深入学习一个框架最直接的方式，就是弄明白框架的原理。React无疑是一个非常值得学习其原理的框架，它设计简单，没有引入任何新的概念，一个组件就是一个方法或一个类。 但是要完整弄明白React的源码并不简单，React的代码有数万行，特别是在引入Fiber架构后，在React简单…

我理解的中间件是一种能够将数据进行管道化处理的编程技术，每个中间件负责处理一部分数据，最终组合成一条具有数据处理能力的管道。这种编程技术最早可能来自于函数式编程领域，在前端技术领域中最知名的应用案例当属于 Redux 和 Koa 这两个库，网上有很多分析两个库关于中间件的源码实…

从事前端工作的第一个项目便是和同事协作构建一个大型SPA——企业后端管理平台，应用架构类似于企业微信·管理平台。使用React技术栈来完成前端开发，React-Router成为了必不可少的利器，无刷新的组件切换让用户体验更佳。 看了许多学习文档，也在工作中进行了实践，此文用于总…

看着写了这么多，其实就是为了拿到字符串INCREMENT和DECREMENT。 reducer是一个纯函数，相同的输入有相同的输出，不同的输入得到不同的输出。它必须遵守以下几点 其实就相当于state变成了一个只是可读的状态，不可更改，返回了计算后的新的状态，原状态不变。 Re…

学习react已经有一段时间了，期间在阅读官方文档的基础上也看了不少文章，但感觉对很多东西的理解还是不够深刻，因此这段时间又在撸一个基于react全家桶的聊天App（现在还在瞎78写的阶段，在往这个聊天App这个方向写），通过实践倒是对react相关技术栈有了更为深刻的理解，而…