洞见

前端框架:Svelte、Vue、React

2024-3-28

前端框架有助于标准化网站的开发并提高其性能,特别是对于具有交互性和复杂功能的大型网站项目。

Svelte

用更少的代码使开发变得更简单

优势

Svelte 让开发人员可以使用更加直观、优雅的工具创建复杂的网站和 Web 应用程序。

在用户方面,Svelte 网站通常生成的文件大小较小,从而缩短文件加载时间。

在网站构建的过程中,Svelte输出的原生JavaScript,更适合百度和其他中国搜索引擎。

尽管Svelte相对较新,但其拥有热情的社区以及来自Vercel公司的支持,有助于其长期发展。

劣势

由于较新,Svelte的生态系统较Vue或是React相对更小,同时也意味着较少的开发人员,生产中的站点也比较少。

Vue和React目前具有更多的标准功能和插件,其中许多由它们更大的社区创建而成。

特别需要提及的是Svelte的本地化尚未正式实施,需要开发人员找到自己的解决方案。

Vue

成熟且直观,深受中国开发者们的欢迎

优势

Vue易于学习且直观,其结构模仿原生HTML、JavaScript和CSS。

Vue比React更容易使用,也比Svelte更加成熟,为开发人员提供了一个平衡的中间选项。

Vue是由中国开发人员(尤雨溪)所创建,在中国尤其受欢迎,具有更多的社区资源和可用的开发人员。

劣势

目前,Vue的直观性和简单性已被Svelte超越,后者在许多方面做得更好。

作为一个较小团队开发的产品,Vue能得到的公司支持相对较少,使其未来的稳定性较不确定。

Vue从版本2过渡到3的过程曲折,导致一些开发人员转向其他框架。

React

行业之标准

优势

到目前为止,React 的采用率最高,可用于项目的开发人员最多,生产中的实时站点也最多。

虽然较旧且有时很麻烦,React 仍然可以处理基本上所需的每个用例。

除了庞大的社区之外,React 还得到了 Facebook 的支持,这确保了其更长期的稳定性。

劣势

React 的学习曲线较高,不太适合年轻开发者。

与 Vue 和 Svelte 相比,React 网站更加复杂,并且可能需要更长的开发时间。

React 目前正在经历重大变化,其社区对其未来的发展方向有些分歧。

更多选择

  • Solid 与 React 类似,旨在提供更好的性能和开发人员体验
  • Astro 以内容为中心,具有一些创新的设计和开发功能
  • Angular 比 React 更久远,学习曲线更陡,但在企业级项目中仍然很受欢迎

我们的经验

在Lantern,我们于2018年推出了我们的第一个React网站。然后于2022年转向Vue,后又在2023年转向Svelte。

尽管我们目前使用所有三种框架来维护网站,但对于新项目,Svelte将是我们的首选,因为它能让我们更快速、更直观地进行开发。