React 技术栈体系

大家好，我是风骨，本篇文章的主题是 React 状态库 - Zustand。 这是一个基于 React hooks API 实现的轻量级状态管理库。当你的项目不算太大，又期望使用全局状态，它将是一个不

自定义滚动条 Scrollbar。为何要自定义滚动条？答案是追求 website 的极致体验。 浏览器为 DOM 元素容器所提供的默认滚动条样式，在局部滚动区域内使用会影响页面布局的美观。

VirtualLis，超长列表优化。在一个滚动容器中渲染一组数据列表，如果数据比较少，一次性全部渲染到列表中，在体验上感觉不出有什么问题，但对于较长的列表，比如通过接口查询到 1000 条数据，如

开篇 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 团队在源码中实现了一套事件机制来代替原生浏览器事件，其目的是： 抹平事件对象在不同浏览器上的差异。

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

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