eact相对于Svelte有什么优点，那大概就是React得到 Meta 的支持，Meta 不断注入新的和现代的特性来保持 React 的活力。不仅如此， React 知识还可以用来使用 React Native 开发 Android 和 iOS 应用程序。

Svelte 和 React.js 两者都是基于组件的 JavaScript 框架，主要用于 Web 应用的开发。最主要的区别是 Svelte 没有使用虚拟 DOM。Svelte 在构建的时候就将代码编译成 Vanilla JS 代码，而 React 在运行时解释代码。

Svelte vs React：快速比较

反应

苗条

发布依赖于框架的 Javascript，它需要在浏览器中加载核心反应框架。

符合在浏览器中本机运行的独立于框架的 vanilla javascript 代码。

由 Jordan Walke 于 2013 年创建，由 Facebook 和 React 社区维护。

由 Rich Harris 于 2016 年创建，由 Svelte 社区维护。

开源，在 MIT 许可下免费使用。

开源，在 MIT 许可下免费使用。

比较陡峭的学习曲线。

非常容易学习和使用。

在使用 React Native 的移动开发领域发挥主导作用。

尚未在移动应用程序开发领域留下印记。

很棒的文档、教程、在线课程、许多在线 React 编辑器、即用型模板等等。

在 React 之后，但整个 Svelte 生态系统正在快速增长。

Next 框架是一个成熟的基于 React 的框架，用于快速 Web 应用程序开发。

SvelteKit 之于 Svelte 就像 Next js 之于 React，它正在迅速普及。

~190K GitHub 星

>60L GitHub 起步并迅速追赶，别忘了 Svelte 比 React 还年轻几岁

相当快的 UI 性能主要是通过使用虚拟 DOM 设计模式来实现的。

在真正的浏览器 DOM 上运行更快的 UI 性能，抛弃了 React 发明的虚拟 DOM。

利用 Redux、recoil、Jotai 和 Hookstate 等第三方状态管理库。

内置状态管理，无需依赖第三方库。

迄今为止最常用的前端框架，仍在不断发展。

迄今为止最受欢迎和增长最快的前端框架。

大型应用中使用Svelte 和Vue， React框架的对比

大型应用中使用 Svelte , 需要谨慎评。

类目

Svelte

Vue

React

UI 组件库

Material design ( 坦率的说，不好用 )

Element UI / AntD

AntD / Material design

状态管理

官网自带

Vuex

Redux/MobX

路由

Svelte-router

Vue-router

React-router

服务端渲染

支持

支持

支持

测试工具

官方网站没有相关内容

@vue/test-utils

Jest

我们在用 Svelte 开发公司级别中大型项目时，也发现了其他的一些主要注意的点

没有像AntD那样成熟的UI库。比如说需求方想加一个toast提示，或者弹窗，pm：”很简单的，不用出UI稿，就直接用之前的样式好啦~“

但是 Svelte 需要从0开始 ”抄“ 出来一个toast或者弹窗组件出来，可能会带来额外的开发量和做好加班的准备。

Svelte 原生不支持预处理器，比如说less/scss，需要自己单独的配置 webpack loader。Svelte 原生脚手架没有目录划分暂时不支持typescript，虽然官方说了会支持, 但是不知道什么时候.

还需要注意的一点是，React / Vue等框架自带的runtime虽然会增加首屏加载的bundle.js，可是当项目变得越来越大的时候，框架的runtime在bundle.js里面占据的比例也会越来越小，这个时候我们就得考虑一下是不是存在一个Svelte生成的代码大于React和Vue生成的代码的阈值了。

大型应用中使用Svelte 和Vue， React框架的对比出自作者雾豹

说来说去，都是很不错的框架，svelte 语法更简单，易于阅读和编写，没尝试的过的朋友可以搞起以备不时之需

svelte框架的重点在：编译、响应式、组件化三个方面，试图实现真正的无框架运行时运行，以降低web页面在低配设备上对性能和内存的消耗。

基本认识：

代码熟悉：

代码编写：

友情分享：Java学习加油站Java自学全套教程