React Server Components（RSC）是一项令人兴奋的新特性，它将对页面加载性能、包大小以及React 应用程序的编写方式产生巨大影响。

为什么选择 Zustand 核心原理与架构 源码深度解析 实战应用模式 中间件系统 性能优化 最佳实践 React 生态

当我们学习前端进阶的时候，React性能优化是重中之重。学会React性能优化将大大提高我们的开发效率，所以一定要掌握好常见的React性能优化场景。

React 18 alpha版已经发布了，新特性和新的API聚焦在用户体验和性能提升，一起来看看吧~ 安装 Root API Leacy root API： ReactDOM.render() New

1. 业务背景 在前端的业务场景中：点击按钮，发起请求。在请求还未结束的时候，一个按钮可以重复点击，导致接口重新请求多次（如果后端不做限制）。轻则浪费服务器资源，重则业务逻辑错误，尤其是入库操作。 传

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。

一、数据更新驱动 1. useState 1. 基础介绍 useState主要用于声明和操作状态变量，可以使函数组件像类组件一样拥有state state：状态，作为渲染视图的数据源 setState

Zustand 是一个极简的依赖库，提供了一种直接管理状态的方法。在本文中，我们将通过一个示例来讨论它的优势。

一、特点 1. 完整的 ts 支持 2. 相比于redux，@reduxjs/toolkit等库，API简单，易于上手 3. 基于发布订阅模式实现的响应式