React 18 最主要的特性就是并发了，很多 api 都是基于并发特性实现的。 那为什么 React 要实现并发？什么是并发？又是怎么实现的呢？ 这篇文章我们就一起来探究一下。 首先，我们过一遍 R

这篇文章从React Fiber架构的原理和源码入手，为你织开一面关于Fiber架构的基础知识网络。

本文介绍了 Redux 在 React 中的使用，通过 Redux Toolkit 和 React-Redux 实现高效状态管理，利用一些方法简化组件连接和异步操作。

33张图爆肝介绍React Fiber双缓冲树机制，为什么React采用双缓冲树，节点删除时React如何释放内存，是否存在内存泄漏的风险

我们会把useState,useReducer和useEffect等等称之为“hook”。确切来说，hook是一个javascript函数。 从数据类型的角度来说，hook对象是一个“纯javascript对象(plain javascript object)”。从数据结构的角…

首先查看README文件，官方介绍Scheduler是在浏览器环境中对任务进行协作调度的一个库。因此实际上，这个库跟react并没有关联，它只是实现了对一连串的任务进行排序，然后在适当的时间去执行任务的这样一个功能。 1. 任务优先级 在SchedulerPriorities文…

本文源码基于 React 16.8.6 (March 27, 2019)，仅记录一些个人阅读源码的分享与体会。 在上两节中，笔者介绍了在浏览器中存在的 requestAnimationFrame 和 requestIdleCallback 两种调度方法及在 React 中一个任…

本文源码基于 React 16.8.6 (March 27, 2019)，仅记录一些个人阅读源码的分享与体会。 在上一节中，笔者介绍了浏览器中调度算法的种类，并基于此实现了一个简单的时间分片调度。 React 的调度流程借鉴了浏览器中 requestIdleCallback 的…

这是我的剖析 React 源码的第四篇文章，之前的文章都是具体剖析代码，但是觉得这种方式可能并不是太好。因此从这篇文章开始，我打算把在源码中学习到的内容单独写成一篇文章，这样对于读者来说可能更加的友好。 大家都知道 JS 和渲染引擎是一个互斥关系。如果 JS 在执行代码，那么渲…