Area: React
用于构建用户界面的 JavaScript 库,由 Facebook 开发和维护,采用组件化和 Virtual DOM。
领域定义
这个领域的:
- 核心范畴是 React 核心概念、组件开发、状态管理、生态工具
- 不包括 后端开发、移动端原生开发
- 与相关领域的区别是 关注 UI 构建而非完整应用开发
长期目标
- 愿景:深入掌握 React 生态,能够独立构建中大型 React 应用
- 里程碑:
- 阶段 1:掌握 React 核心概念和 Hooks
- 阶段 2:掌握状态管理和性能优化
- 阶段 3:深入 React 源码和原理
关键领域
这个领域的核心概念和知识节点
- 核心概念
- Hooks (React):函数组件的状态和生命周期
- useCallback:函数引用缓存
- 状态管理:应用状态管理方案
- MOC-React面试题:面试题索引
- 前端框架:框架对比
- 渲染机制
- 虚拟DOM(Vue3):Virtual DOM 原理(与 React 共用)
- Diff算法(Vue3):Diff 算法原理(与 React 共用)
- 路由与生态
- Vue:对比学习
- React 组件之间有哪些通信方式?适用于哪些场景?:组件通信
- React 重新渲染:渲染机制
- 工具栈
- React Router:路由管理
- Redux/Zustand:状态管理
- Next.js:全栈框架
- Vite:开发工具
知识网络
- 上游(理论支撑):JavaScript
- 下游(实际应用):前端开发
- 协同(配合领域):Vue(对比学习)
| 维度 | 状态 | 说明 |
|---|---|---|
| 目标进展 | 🟡 | 有学习计划进行中 |
| 认知更新 | 🟢 | 持续补充新特性 |
| 行动频率 | 🟡 | 日常开发使用 |
复盘
- 最近:2026-03-28
- 版本:v1.1
- 待改进:补充更多实践案例