Mini React by TypeScript

项目简介

本项目旨在通过手动实现一个迷你的 React 框架，深入理解现代前端框架（尤其是 React）的底层原理和核心机制。通过使用 TypeScript 进行开发，我们不仅能构建一个功能精简但核心完备的 React 版本，还能充分利用 TypeScript 的类型优势，提升代码质量和开发体验。

项目目标

本项目的主要目标是学习和复现 React 的以下核心功能和概念：

• 更好地理解前端框架的工作方式。
• 提升 TypeScript 编程能力。
• 为面试准备提供一个有力的项目案例。

任务列表

以下是本项目计划复现的 React 核心模块和功能：

• JSX 解析 (JSX Parsing)：
  • 将 JSX 语法转换为 JavaScript 对象（虚拟 DOM 节点）。
• 虚拟 DOM (Virtual DOM)：
  • 定义虚拟 DOM 节点的结构。
  • 构建和管理虚拟 DOM 树。
• 渲染器 (Reconciler)：
  • 实现协调算法，比较新旧虚拟 DOM 树的差异。
  • 计算并执行最小化的 DOM 操作，更新真实 DOM。
• 组件 (Components)：
  • 支持函数组件 (Functional Components)。
  • 支持类组件 (Class Components)（可选，可根据项目复杂度决定）。
  • 实现组件的生命周期管理（对于类组件）。
• 状态管理 (State Management)：
  • 实现 useState Hook，支持函数组件的状态管理。
  • 实现 useEffect Hook，处理副作用。
• 事件系统 (Event System)：
  • 模拟 React 的事件委托机制。

技术栈

• TypeScript
• JavaScript (ES6+)

如何运行

（待补充：项目初始化和运行指南）

贡献

欢迎任何形式的贡献和建议！