框架生态

主流前端框架的原理、源码分析与最佳实践。

📚 模块列表

React

• 核心原理

  • JSX 与虚拟 DOM
  • 组件与生命周期
  • 合成事件系统
  • Hooks 原理与实现
  • React 19 新特性

• 深入源码

  • Fiber 架构与 Diff 算法
  • Scheduler 调度器与 Lane 模型
  • Concurrent Mode 并发模式
  • Server Components（RSC）
  • 流式 SSR
  • React Compiler

• 工程实践

  • 性能优化策略
  • 状态管理（Redux、Zustand、Jotai）
  • Next.js 全栈开发
  • Server Actions
  • Headless UI 组件
  • Error Boundary 错误处理

Vue

• 核心原理

  • 响应式系统（Proxy、Ref、Reactive）
  • 虚拟 DOM 与 Diff 算法
  • 编译器与模板优化
  • Composition API 设计思想

• 工程实践

  • Pinia 状态管理
  • Vue Router 路由
  • 性能优化技巧

🎯 学习路径

React 路线

1. 基础 → JSX、组件、Hooks
2. 原理 → Fiber、Diff、调度
3. 进阶 → 并发模式、SSR、RSC
4. 实战 → Next.js、性能优化

Vue 路线

1. 基础 → 模板语法、组件、Composition API
2. 原理 → 响应式、虚拟 DOM、编译器
3. 实战 → Pinia、Vue Router、性能优化

💡 学习建议

• 深入理解框架原理，而非只会使用 API
• 阅读源码，学习优秀的设计思想
• 关注框架最新特性（React 19、Vue 3.5）
• 在实际项目中应用最佳实践