Fiber 架构下的 DOM Diff 过程：新的虚拟 DOM -> 新的 Fiber 节点 -> 真实 DOM -> 挂载到容器节点

这是一篇干货比较多的组件库搭建实战教程，不仅有通用的代码规范、提交规范、文档维护、单元测试、GitHub Action 配置的讲解，还涉及基于 lerna 的多包管理架构...

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

不愿清醒，宁愿一直沉迷放纵。 不知归路，宁愿一世无悔追逐。 --- 王小波 redux是的诞生是为了给 React 应用提供「可预测化的状态管理」机制。 提供subscribe，dispatch，getState这些方法。 按步骤手把手实战。 不就ok了吗？这就是 react-…

阅主题，通过deliver发布主题事件的方式被通知。就和用户订阅微信公众号道理一样，只要发布，用户就能接收到最新的内容。 这个发布订阅通过 addSubscriber 来储存订阅者（方法fn），当通过调用 deliver 来改变数据的时候，就会自动遍历 addSubscribe…

上一篇博客我大概记录了一下react官方文档中关于核心概念的一些内容和想法。 从这篇博客开始继续去阅读高级指引，本次博客的主题就是React中的Ref。 Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 在典型的 Reac…

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

本文为 Marno 原创，转载必须保留出处！ 公众号 aMarno，关注后回复 RN 加入交流群 React Native 优秀开源项目大全：http://www.marno.cn 一、前言 先更正下，不然又有人要出来打假了。标题说是 50 个，但其实目前只有 43 个。那为啥…

换了新公司，工作中使用的技术栈也从Vue换到了React，作为一个React新人，经常的总结和思考才能更快更好的了解这个框架。这里分享一下我这两个月来使用React总结的一些性能优化的方法。 因为目前公司的项目是全面拥抱hooks的，所以只会涉及function组件写法，不包含…