Preact

### 💡 核心功能
Preact 是一个为现代 Web 应用设计的轻量级 JavaScript UI 库，它提供了与 React 完全兼容的 API，但核心库体积仅有约 3KB（压缩后），是 React 的十分之一大小。其核心功能在于提供了一个高效、快速的虚拟 DOM 实现，能够以最小的开销进行 DOM 操作和状态管理。它支持 JSX 语法、组件化开发（函数组件和类组件）、Hooks（如 `useState`, `useEffect`）、Context API 等 React 的核心特性。通过 `preact/compat` 兼容层，Preact 可以无缝集成和使用绝大多数现有的 React 生态系统的第三方库、组件和工具链，如 Redux、React Router 等，极大地降低了从 React 迁移的成本。此外，Preact 无需复杂的转译或编译步骤即可在现代浏览器中直接运行，简化了开发流程。

### 🎯 适用场景
Preact 特别适用于对包体积极其敏感、追求极致加载和运行性能的应用场景。例如：
1. **移动端 Web 应用和 PWA (Progressive Web App)**：在移动网络环境下，微小的 JavaScript 体积意味着更快的首屏加载时间和更低的流量消耗，对用户体验提升至关重要。
2. **嵌入式组件和微前端**：由于其轻量和易嵌入的特性，Preact 非常适合用于构建需要被嵌入到其他网站、应用或复杂系统中的独立功能模块或小部件。
3. **高性能数据可视化和交互式页面**：对于需要频繁更新 DOM 的复杂 UI（如仪表盘、图表、实时数据面板），Preact 的高效差异算法能确保流畅的渲染性能。
4. **对现有 React 应用进行性能优化**：在大型 React 应用中，可以将对性能要求极高、相对独立的模块或页面使用 Preact 重写，以实现局部性能提升，同时保持整体架构的一致性。对于初创项目或资源受限的团队，Preact 也是一个在保持 React 开发体验的同时降低技术栈“重量”的理想选择。

### ⚙️ 技术亮点
1. **极致的轻量化与性能**：Preact 的核心设计哲学是“贴近实质”。它在标准 DOM API 之上构建了最薄的虚拟 DOM 层，避免了不必要的抽象开销。其虚拟 DOM 差异算法（reconciliation）简单、可预测且经过深度优化，与浏览器工程师紧密合作，确保在现代浏览器中能达到极高的运行效率。
2. **全面的 React 兼容性**：通过 `preact/compat` 这个关键模块，Preact 实现了与 React 的高度 API 兼容。开发者可以通过简单的构建工具配置（如 Webpack alias），将 `react` 的引用指向 `preact/compat`，从而几乎无修改地使用基于 React 生态构建的复杂项目和第三方库，这大大扩展了其实际应用范围和生态价值。
3. **零转译的开发体验**：Preact 的代码设计使其可以直接在浏览器中通过 ES modules 运行，开发者可以利用浏览器原生能力进行快速原型开发和调试，减少了构建配置的复杂性和开发环境的搭建时间。
4. **清晰的 DOM 事件处理**：Preact 直接在 DOM 节点上注册事件处理器，而非使用合成事件系统。这带来了更直接、可预测的行为，并与其他 JavaScript 库或手动 DOM 操作有更好的兼容性，同时也提升了事件处理的性能。
5. **生产就绪的特性支持**：尽管体积微小，Preact 完整支持 `props`, `state`, `context` 传递，支持使用标准的 HTML 属性如 `class` 和 `for`，并提供了生产环境所需的各种优化和功能，确保“轻量”不以牺牲生产级应用的需求为代价。