文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

React vs Svelte:虚拟和真实DOM之间的战争

2024-12-02 23:53

关注

[[417721]]

> Image by Iván Tamás from Pixabay

Svelte是一个编译器,而React使用Virtual DOM

react和svelte,两者都提供了类似的基于组件的架构 - 这意味着都能启用CDD自下而上的开发,并且都能在应用程序和平台(GitHub)之间的工具和平台之间共享它们的组件。

> Example: React components shared on Bit.dev using Bit

它们之间的显着差异是Svelte是一个编译器,它在构建时间期间将应用程序转换为理想的JavaScript,而不是像React,使用虚拟DOM在运行时解释应用程序代码。是的,这是一个很复杂的术语,让我一探究竟。

> Svelte vs. React Behind the Scenes

React虚拟DOM

React使用称为Virtual DOM(VDOM)的概念,其中UI的虚拟表示保存在内存中,并通过名为reconciliation的过程与真实DOM同步。reconciliation进程将在虚拟DOM(内存中的对象之间找到差异,其中我们将最新更新推送到UI)和Real DOM(DOM包含先前呈现的UI)。使用特定启发式算法,它决定如何更新UI。这一过程大多是快速,可靠,无可比拟的反应性。双关语意图。

为实现此目的,React捆绑一定数量的架空代码,该代码将在浏览器的JS引擎中运行,以根据各种用户交互监视和更新DOM。

Svelte编译器

Svelte纯粹是一个编译器,当您构建生产应用程序时,将应用程序转换为理想的JavaScript代码。意味着当应用程序运行以更新DOM时,它不会注入任何架空代码以在浏览器中运行。

与React相比,这种方法相对较新,这通常利用虚拟DOM。

Svelte强势的地方

让我们了解我们可以使用Svelte获得的主要优点是什么。

Svelte落后的地方

让我们了解Svelte有缺点的地方。

结论

与React相比,Svelte的快速构建时间和微小的打包尺寸非常有吸引力,特别是对于小日常应用。然而,增强的功能(上下文API,悬疑等),社区支持,广泛的插件和集成以及某些语法简化确实渲染也有吸引力。

svelte比react更好,反之亦然?

嗯,与react相比,Svelte确实在某些特征中提供了明显的改进。但它可能仍然没有重要或强大到足以完全取代react。React仍然坚固且广泛采用。Svelte有很多追赶。但是,概念明智,Svelte采取的编译方法证明了虚拟DOM的差异不是构建快速应用的唯一方法,并且足够好的编译器可以获得与它获得的相同的工作。

那么您应该使用哪种框架用于您的下一个应用程序?

在我看来,在我看来,如果你正在构建一个小应用程序,就像一个简单的电子商务应用程序,就推荐Svelte。如果您对JS,HTML和CSS有了很好的了解,它更容易掌握Svelte。您还可以使用Svelte构建一些功能强大的快速和轻量级应用程序。

对于需要多个集成和特定插件的巨大生产应用程序,那么可能是react仍然可能是最好的方式。然后,很多就像React提供了Next.js,Svelte还提供了它的制作准备的单页应用程序框架,称为Sapper,这可能值得研究。

两位竞争者都是建立辉煌的用户界面的实用和有效的工具。截至现在的两者之间的选择主要是基于您的场景和偏好。正如我上面提到的那样,宣布一个获胜者挑战,因为它们都表现得很精心,以实现他们的主要目标。

我希望这篇文章能够快速比较React和Svelte。决定哪个库选择您的下一个应用程序会有所帮助。干杯!

本文由闻数起舞翻译自Keshav Kumaresan的文章《React vs. Svelte: The War Between Virtual and Real DOM》,转载请注明出处,原文链接:

https://blog.bitsrc.io/react-vs-sveltejs-the-war-between-virtual-and-real-dom-59cbebbab9e9 

 

来源:今日头条内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯