Svelte

Cybernetically enhanced web apps

减少代码量

重复利用你所掌握的编程语言 - HTML、CSS 和 JavaScript，构建的组件无需依赖模板文件。

了解更多

无虚拟 DOM

Svelte 将你的代码编译成体积小、不依赖框架的普通 JS 代码，让你的应用程序无论启动还是运行都变得迅速。

了解更多

真正的反应能力

无需复杂的状态管理库，Svelte 为 JavaScript 自身添加反应能力。

了解更多

Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 在浏览器中需要做大量的工作，而 Svelte 将这些工作放到构建应用程序的编译阶段来处理。

与使用虚拟（virtual）DOM 差异对比不同。Svelte 编写的代码在应用程序的状态更改时就能像做外科手术一样更新 DOM。

阅读此篇博文了解更多信息。

npx degit sveltejs/template my-svelte-project
# or download and extract this .zip file
cd my-svelte-project
# to use TypeScript run:
# node scripts/setupTypeScript.js

npm install
npm run dev

参阅此入门指南了解更多信息。

学习 Svelte

Svelte 组件构建在 HTML 之上。然后只需添加数据即可。

CSS 是默认限定在组件作用域内的，不再有样式冲突或优先级的问题。或者还可以使用你喜欢的 CSS-in-JS 库。

通过给局部变量赋值就能触发高效、细粒度的更新。剩余的事情交给编译器去处理。

使用一个内置于框架中的、强大的、性能卓越的动画引擎（transition engine）来构建漂亮的 UI。