React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff

记录在探索 Tailwind CSS v4.1 配置时遇到的一些关键问题和解决方案，希望能帮助大家更顺畅地过渡

虽然 Vite 默认运行速度很快，但随着项目需求的增长，性能问题可能会悄然出现。这篇文章希望从多个角度出发，通过不同的优化方式，让你的 Vite 应用运行更快一点。

从零搭建 Vite + React + Tailwind CSS 项目，省去一个个官网去查阅文档，旨在方便快速丝滑的创建项目。 项目中涉及到 pages 页面自动生成路由、svg 自动转组件等。

React Hooks 底层实现原理详解 1. Hooks 的整体架构 React Fiber 与 Hooks 的关系 Hook 对象的数据结构 2. Hook 链表的管理机制 全局变量管理 Hook

React Hooks原理？以下从底层原理到工程实践，全面解析 React Hooks 的设计哲学 一、Hooks 核心原理：链表存储与闭包机制 状态存储结构 React 为每个函数组件创建 Fibe

组件通信的四大分类 1. 父子组件通信（props + callback） 2. 兄弟组件通信（父组件作为中转站） 3. 跨层级通信（Context API） 4.任意组件通信（全局仓库）

从 2.3MB 到 280KB：我是如何给前端 JS「瘦」身的 去年接手一个电商项目时，我遇到了个棘手问题：首屏加载要等 5 秒多，用户投诉像在看「加载动画展」。打开 Chrome 开发者工具一看，主

在 React 中，受控组件和非受控组件的主要区别在于数据的管理方式。受控组件的表单元素的值由 React 的 state 管理，而非受控组件的表单元素则通过 DOM 本身进行管理。受控组件的优势在于