redux原理实现，阿里出品

createStore里面有两个参数，第一个参数表示应用程序的状态，第二个是stateChanger用来描述会更具action来发生什么样子的变化

2.监控数据发生变化，在上面创建的createStore中第二个参数stateChanger就是去监控数据发生的变化，但是有个缺点就是之前写的方法需要手动的去更新，显然在实际的开发过程中，这种方式显然是不可取的。因此需要在stateChanger内部去添加这种制动更新的过程

要达到上面所说的自动更新还需要一个操作，那就是你要实时的去检测到这种变化，并且实时的更新数据，这个时候就使用store.subscript(listener)来实现这样的目的。

3.纯函数与共享性能提升

为什么会使用纯函数？在接触redux中的reducer中接触到的一个重要概念就是纯函数，为什么ruducer是一个纯函数呢，那就是因为我们想要达到一个效果，那就是接受一个state并且返回一个新的state，然后再将新的state存放到store当中。如果不采用纯函数，那样会造成的一个后果就是如果在你之前存入的数据中有可变的因素，那么在下一次你需要去使用里面的数据时，就会发生很多问题。

共享性能的提升，我们需要做到一个目的，那就是每次更新数据的时候，不需要去每次都去重新渲染整个页面的内容，只需要我们修改数据更改之后的数据。这样的好处是不言而喻的，能很明显的提高运行的速度，使最终的产品能够达到高效的过程。因此在对于stateChanger时，应使用下面的这种共享性能。

4.真正的reducer，其需要达到的目的是既能获取初始化数据的功能，又能生成更新后的数据，因此就有了下面的这段代码的产生。

5.最终版本的createStore，既然之前的reducer原理已经清楚明了，那么createStore就应该对reducer做出更加正确的反应。因而就得到了其最终的代码的原理

6.react-redux中connect原理的实现，其实connect的原理很简单，就是高级组件与context后而写成的，其功能是实现异步数据之间的传递。那么首先我们来实现一下只有一个mapStateToProps参数形式的connect，其代码如下

上面形式显然在实际的过程中是不可取的，因为此种方式去连接state是不准确的，因为…stateProps只反应有状态组件中的数据连接方式，其二是获取更新数据，每一次执行用于不同的操作时，要自动的去渲染并且连接到实时的数据。因此在这里我们采用下面的这种形式

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

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

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后更多分享：前端字节跳动真题解析

• 

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
[外链图片转存中…(img-22caY4FN-1712698443732)]