Series: React 进阶 Pattern
All the articles in the "React 进阶 Pattern" series, in reading order.
-
React 进阶系列：覆盖 95% 场景的 8 大核心模式
8 个 React 核心模式的系列导览，涵盖 useState、useEffect、Props 组合、条件渲染、列表渲染、表单处理、Context API、自定义 Hooks，足以应对 95% 的日常开发场景。
-
React 进阶 Pattern 1：useState - 让组件拥有记忆
深入理解 React useState Hook，涵盖基本类型、对象、数组状态管理，函数式更新，以及不可变更新模式，配合计数器实战案例。
-
React 进阶 Pattern 2：useEffect - 让组件与外部世界交互
深入理解 React useEffect Hook，涵盖副作用概念、依赖数组、清理函数、定时器、数据获取等实战场景，以及常见陷阱和最佳实践。
-
React 进阶 Pattern 3：Props 与组件组合 - 构建可复用的组件
深入理解 React Props 与组件组合模式，包括 TypeScript 接口定义、默认值、children、变体模式、组件复用策略，以及 Server/Client Component 概念。
-
React 进阶 Pattern 4：条件渲染 - 根据状态显示不同 UI
深入理解 React 条件渲染的多种模式，包括逻辑与、三元运算符、早返回、状态机模式，配合用户资料卡片的加载/错误/成功/空状态实战。
-
React 进阶 Pattern 5：列表渲染与 Key - 高效渲染一组数据
深入理解 React 列表渲染机制，包括 map 方法、key 的作用与选择、不可变更新、进度统计、列表操作等实战场景。
-
React 进阶 Pattern 6：事件处理与表单 - 处理用户输入
深入理解 React 事件处理与表单模式，包括受控组件、通用 handleChange、表单校验、useCallback 优化、提交历史管理等完整实战。
-
React 进阶 Pattern 7：Context API - 跨组件共享状态
深入理解 React Context API，包括 createContext、Provider、useContext、自定义 Hook 封装，以及暗黑主题切换的完整实战。
-
React 进阶 Pattern 8：自定义 Hooks 与性能优化
深入理解 React 自定义 Hooks 的编写方法，包括泛型、SSR 安全、localStorage 持久化，以及 useMemo 和 useCallback 的性能优化策略。