React 技术栈体系

谈起 reactive，大家都会想起 Vue3 的「响应式数据劫持」（或者依赖追踪） 通过 Proxy 创建响应式对象，在对象属性被访问时收集副作用（一个可执行函数），在对象属性被修改时依次执行

开篇 Scheduler 调度器的核心除了「时间切片」requestHostCallback 外，还有一个功能就是「优先级调度」。 它会根据任务的优先级（任务设定的过期时间）决定先执行哪个任务。为了更

React Scheduler - 时间切片 使用和分析，React Scheduler - 任务优先级 使用和分析。

前言 在上一节 Redux 技术分享 中介绍了 Redux 基本使用以及底层的源码实现。那在实际项目中，如何将 Redux 提供的数据在React 组件中使用呢？这就需要借助于 React-Redux

从源码角度理解 React.Context 在多级组件之间进行数据传递的机制。 React「数据管理」机制：React.context，使用、原理分析。

React.memo、useMemo、useCallback 浅谈 React 函数组件性能优化手段。前段时间看到卡颂的一篇关于「React 组件到底什么时候 render」 的探讨文章

React 合成事件，React 事件机制接触过 React 技术栈的同学相信都了解，React 团队在源码中实现了一套事件机制来代替原生浏览器事件，其目的是： 抹平事件对象在不同浏览器上的差异。

前言本节我们从源码角度分析 useEffect、useLayoutEffect 两个 React Hook API，你将掌握：useEffect、useLayoutEffect 各自的实现原理；use

本节我们通过 ReactDOM.render 渲染一个简单的函数组件来了解 React 底层的初渲染流程和运行机制。代码示例：2、代码调试：打开浏览器控制台 - Sources - 找到 reac

前言 最近在维护公司一个老项目 React 工程（体积庞大），主要工作内容是对工程内的一些用户体验做调整和优化。 由于最初搭建程序数据流设计上的不完善以及开发人员的技术水平存在一定差距，接到用户反馈

开篇 在日常开发中时常会遇到下面这个场景： 比如：Material-ui 提供的一个 它处点击监听器（ClickAwayListener） 组件，就可以解决上述这个场景。 它的用法可能像这样： 或者像

useForkRef，React 自定义 Hook 实现对 Ref 的分叉处理。使用过 React 技术栈的同学相信都使用过 ref 传递给 render 中的元素

React - 自定义Hook - useCompositions 解决问题：在输入框中输入中文时，意外触发接口请求问题。

Redux 技术分享。提及 Redux 这个库，大家熟知的应该都是通过 Redux 结合 React-Redux 应用于 React 项目做全局状态管理。