能替代 Vue 和 React 的框架，长什么样子？

​2021年，StackOverflow Developer 调查中，Svelte 成为最受开发者欢迎的 Web 框架。

Svelte 是一个全新的构建用户界面的 Web 应用程序。Svelte 读法是[ / sfɛlt /]，本意是苗条的，细长的，优美的。从2019年开始，受到了很是多的关注，是开源社区目前最热门的前端框架。

Svelte 与诸如 React 和 Vue 等 JavaScript 框架相似，都怀揣着一颗让构建交互式用户界面变得更容易的心。

可是有一个关键的区别，Svelte 在构建/编译阶段会将应用程序转换为直接应用的 JavaScript 代码，而不是在运行阶段解释应用程序的代码。这意味着你不须要为框架所消耗的性能付出成本，而且在应用程序首次加载时没有额外损失。

Svelte 能够被用来构建整个应用程序，也能够被逐步融合到现有的代码中。你还能够将组件直接做为独立的包（package）交付，而且不会有传统框架所带来的额外开销。

在 StackOverflow 今年的调查中，Svelte 成为众人聚焦的明星，而它目前的使用量也仅次于 Vue 位列第四，大有替代 Vue 、React 的趋势。

传统框架（如 React 和 Vue）在浏览器中须要作大量的工做。与使用虚拟（virtual）DOM 不一样，Svelte 将这些工做放到构建应用程序的编译阶段来处理。有人甚至直接将 Svelte 看做前端的 “编译器”而不是框架或者库，因而可知 Svelte 和其余框架的核心差别。

Vue 做者尤雨溪，曾经对 Svelte 有一段极为恰当的描述：

Svelte 的核心思想在于『经过静态编译减小框架运行时的代码量』。

举例来讲，当前的框架不管是 React Angular 仍是 Vue，无论你怎么编译，使用的时候必然须要『引入』框架自己，也就是所谓的运行时 (runtime)。

可是用 Svelte 就不同，一个 Svelte 组件编译了之后，全部须要的运行时代码都包含在里面了，除了引入这个组件自己，你不须要再额外引入一个所谓的框架运行时！

果真，大佬讲话就是这么恰到好处的很少很多 “刚恰好”。

而在我看来，Svelte 是否适合在大型项目中应用，还有待观察。虽然核心思想是不须要 “运行时”，可是项目组件越多，运行时的代码量也就越多，且组件间的代码重复率也就越高，除此以外，现阶段的周边生态确实处于基本荒芜的状态。

可是，若是你对偏原生前端开发有执念，Svelte 绝对让你浑身舒畅。

由于 Svelte 能够将组件做为独立的包（package）交付，全部若是你是在微前端架构下，作组件级开发，Svelte 就是神兵利器。

若是你对 Vue 比较熟悉，那么学习 Svelte 会让你感受 so easy，由于 Vue 和 Svelte 都在 Template 阵营，学习成本很低。

固然，我这里就再也不贴一下基本语法的使用规则了，若是你感兴趣，那请点个赞告诉我，点赞过 100 ，我会单独录制 Svelte 教程视频给你哦。