redux作为前端状体管理中最亮眼的那个仔，非常有必要弄清楚他的原理。本文将从源码结合实践一起来重新认识redux。纯干货分享！！！ 我们经常看到这段代码，本文将从以createStore作为入口顺藤摸瓜带你认识整个框架。下面源码是v3.7.2版本的代码。 首先来看create…

前前言 朋友们好啊，我是来自推啊前端团队的 jarvis 同学，本次分享的内容是「解读Redux、React-Redux源码」。如果大家有不同的观点，欢迎在评论区吐槽和指正哦～😝😝😝 写在前面 作为

Redux，作为大型React应用状态管理最常用的工具，其概念理论和实践都是很值得我们学习，分析然后在实践中深入了解的，对前端开发者能力成长很有帮助。本篇计划结合Redux容器组件和展示型组件的区别对比以及Redux与React应用最常见的连接库，react-redux源码分析…

React 的代码库现在已经比较庞大了，加上 v16 的 Fiber 重构，初学者很容易陷入细节的汪洋大海，搞懂了会让人觉得自己很牛逼，搞不懂很容易让人失去信心, 怀疑自己是否应该继续搞前端。那么尝试在本文这里找回一点自信吧(高手绕路). Preact 是 React 的缩略版…

上一章中 react 的 render 阶段，其中 begin 时会调用 reconcileChildren 函数， reconcileChildren 中做的事情就是 react 知名的 diff

一文带你深入理解 React 和 Vue 的 diff 原理，闲暇之余可以抽空学习一下，虽然上班用不到。😂

前面我们介绍了 React架构，为了实现可中断的异步更新，v16 使用 Fiber 作为核心架构进行了重构， 接下来我们将深入 Fiber 树的构建，正式开始之前，我们先回顾下 Fiber 相关的一些

虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题。

createElement方法也是vue和react用来创建虚拟DOM的方法，我们也叫这个名字，方便记忆。接收三个参数，分别是type，props和children 到目前为止，已经轻而易举的实现了创建虚拟DOM。那么，接下来进行下一步，将其渲染为真实的DOM，别犹豫，继续回到…