Svelte 有 React 模块化，但程序体积更小，也有Vue 的简单，但我觉得Svelte 更新简洁。Svelte 是一种编译型框架，构建时将组件的逻辑转换为高效的原生JavaScript代码。 由于不使用虚拟DOM，Svelte具有卓越的性能表现，这点和React 、 Svelte 有非常大的不同，也是尝试它的一个原因之一。
简介
React、Svelte 和 Vue 都是用于构建用户界面的流行 JavaScript 框架。它们都提供了声明式编程范式，可让您轻松创建和维护复杂的 UI。但是，这三个框架之间也存在一些关键差异。
- React
React 是由 Facebook 于 2015 年创建的，是目前最受欢迎的前端框架之一。它使用虚拟 DOM 来有效地更新 UI，并提供广泛的功能和组件库。React 以其灵活性和可扩展性而闻名，但其学习曲线可能有点陡峭。
- Svelte
Svelte 是 2016 年由 Rich Harris 创建的，是一个相对较新的框架。它使用编译器方法来将您的代码转换为高效的底层代码，从而提供卓越的性能。Svelte 还具有响应式系统，可确保您的 UI 始终保持最新状态。Svelte 以其易用性和简洁性而闻名，但它还没有 React 那么大的社区或生态系统。
- Vue
Vue 是 2014 年由 Evan You 创建的，是一个渐进式框架。它旨在易于学习和使用，同时仍提供构建复杂应用程序所需的功能。Vue 提供了模板语法，可让您轻松创建 UI，以及用于路由和状态管理的强大工具。Vue 以其平衡性易用性和功能性而闻名。
- 比较
| 特性 | React | Svelte | Vue |
|---|---|---|---|
| 创建者 | Rich Harris | Evan You | |
| 发布日期 | 2015 | 2016 | 2014 |
| 范式 | 声明式 | 声明式 | 声明式 |
| 视图更新 | 虚拟DOM | 编译器 | 响应式系统 |
| 学习曲线 | 中等 | 容易 | 容易 |
| 功能 广 | 泛 | 相对较少 | 平衡 |
| 社区和生态系统 | 大型 | 中型 | 中型 |
Svelte UI Components
Component Library:
Headless UI Svelte
Tailwind CSS Components:
CSS only:
Form
Chart(Data visualization)
Table
- TanStack Table Headless UI for building powerful tables & datagrids