3个JavaScript框架&1个运行时

　　网络开发的世界是不断变化的。在2022年，Web开发人员需要了解和使用一堆令人兴奋的新工具。当特别谈论JavaScript框架时，它也是一个不断发展的世界，新制作的框架似乎每天都在出现。

　　正如Fathym首席执行官马特·史密斯(Matt Smith)在最近的一次会议上打趣的那样，“我忘记了比我所知道的更多的框架。让我们深入了解您应该在2022年了解的四个新人。

　　您应该知道的3个较新的框架和1个运行时

　　首先，大多数开发人员都知道 React、Angular、斯维尔特、Vue .js，可能还有很多其他的。在创建新网站，应用程序等时，他们可能有一个最喜欢的。

　　回顾2021年，开发人员命名的最受欢迎的框架是Svelte，而 React 仍然非常受欢迎，其次是 Vue、Angular 和许多其他框架。

　　但是，当我们检查StackOverflow发布的2022年调查时，最受欢迎的名单中有很多新人。领先优势的是凤凰框架，刚刚超越斯维尔特，紧随其后的是下一个.js排挤了React，诺德.js和Nuxt.js得分高于Vue。

　　所以，让我们快速看看这些新来者，他们是什么时候开始的，他们以什么而闻名。

　　下一个.js

　　下一步是什么.js？

　　接下来.js由Vercel首席执行官吉列尔莫·劳赫(Guillermo Rauch)于2016年开发，目前版本为12.2，于2022年6月下旬发布。下一个.js实际上是在 Node.js 之上编写的，因此它需要您具有 Node.js才能与节点包管理器 (npm) 一起使用。

　　Next.js的功能之一是它在服务器端和客户端(也称为“通用应用”)上的呈现方式。这对于它构建的单页应用程序(SPA)至关重要，以及它如何帮助这些SPA在SEO(搜索引擎优化)方面取得更大的成功。

　　正如SEO专家巴里·亚当斯在一篇中等文章中解释的那样：

　　当你在没有服务器端渲染的情况下使用 React 时，会发生什么情况是，爬网程序在第一页上停止，因为它看不到任何要关注的超链接。它将页面发送到索引器，然后索引器必须呈现页面并提取超链接，然后将超链接添加到爬网程序的队列中。然后，爬网程序最终将抓取下一组页面，并再次停止，因为在呈现 JavaScript 之前，所有链接都是不可见的。因此，它必须等待索引器返回一组要爬网的新 URL。

　　用最简单的术语来说：SEO对于任何拥有网站的人来说都至关重要，他们希望通过Google搜索发现它，而Next.js对此有很大的帮助。SPA之所以出色，是因为它们快速、灵活且适应性强。但SPA的一个主要缺点是，因为它们主要是客户端渲染的，当谷歌的爬虫寻找数据时，他们找不到任何数据，直到它们在服务器端渲染。

　　接下来.js在客户端和服务器端呈现：部分或全部网站呈现在服务器端，因此Google的抓取工具可以找到信息(URL，元标记和内容等)，并将其放入搜索结果中。

　　“服务器端呈现 (SSR) 是一种流行的技术，用于在服务器上呈现通常仅限客户端的单页应用 (SPA)，然后将完全呈现的页面发送到客户端，”geeksforgeeks.org 解释道。

　　请记住，Nuxt.js和节点.js也在客户端和服务器端进行渲染。

　　为了帮助缩短加载时间并将代码分解为更小的块，Next.js确实为开发人员执行自动代码拆分。

　　对于营销人员来说，SEO的改进是很棒的。对于企业主来说，由于Next.js中的许多预制组件，网站和应用程序的上市时间更快。此外，由于Next.js有助于创建静态站点，因此安全性得到了提高;也没有连接到数据库或用户的数据。

　　下一个的优势.js：

　　在加载时间方面具有出色的性能

　　加载时间有助于“延迟加载”和自动代码拆分

　　为开发人员提供大量支持

　　出色的用户体验

　　缩短上市时间

　　下一个.js的缺点是：

　　一些开发人员认为它太固执己见了

　　多个开发人员抱怨Next.js如何进行路由，其他人则支持它

　　节点.js

　　什么是节点.js？

　　Node.js不是一个框架，但它是一个运行时。因此，开发人员在其上使用 React 和其他 JavaScript 框架。

　　React.js仍然被认为是JavaScript框架的标准(有些人可能会认为这是Angular)，并且有大量的开发人员知道如何在内部和外部使用它。节点.js有助于使 React 变得更好。

　　就像Next.js(可能是因为它是建立在Node之上的.js)，它之所以特别，是因为服务器端渲染。事实上，在 Node.js 在 2009 年出现之前，还没有 JavaScript 服务器端渲染，因此他们彻底改变了游戏。

　　除了大幅提高单页应用程序 (SPA) 的性能外，Node.js还因其他一些原因而受到欢迎。

　　其中一个很大的区别是它被认为是一个全栈框架。开发人员能够在节点.js中用JavaScript编写服务器端代码;这意味着一个开发人员可以很容易地在前端(使用React)和后端编写。

　　10年前.js LinkedIn Node一起做到了这一点，这有助于他们将服务器从30台减少到3台。最重要的是，前端工程师能够在后端编写代码，从而将两个团队合并为一个。在这种情况下，从Ruby on Rails迁移到Node.js帮助LinkedIn享受更好的性能，节省了开发时间，也节省了人员资源。

　　另一个巨大的积极因素是Node.js提供令人难以置信的高性能和即时可扩展性的能力。许多人引用了GoDaddy对Node的使用.js这有助于他们每秒处理10，000个请求，而仅使用10%的硬件。不仅如此，Netflix还使用Node.js将其启动时间从40分钟缩短到几秒钟。

　　Node.js因其在后端与微服务合作的方式而受到尊敬。微服务很小，独立，可以通过API进行良好的通信。在前端，有微型(或模块化)前端;这就是我们在法西姆雇用的!

　　这意味着能够将您的网站分解为更小的“路线” - 通常是不同的页面 - 可以由个人或单独的团队创建，管理和运行。模块化前端意味着开发人员具有更大的灵活性，更快速构建的网站和简单的可扩展性。Node.js的后端微服务能力和Fathym的微前端与 React 可能是天作之合。

　　节点.js优势：

　　简单易学

　　简单可扩展

　　高性能

　　伟大的社区和支持

　　全栈开发

　　加载时间有助于“快速缓存”

　　节点.js缺点：

　　仍然需要使用 React，因为它不是一个框架

　　不是一个伟大的支持库

　　运行繁重的计算任务时性能困难

　　不稳定的接口

　　努克斯特.js

　　什么是努克斯特？

　　Nuxt是一个JavaScript框架，它有点类似于Nuxt.js Nuxt.js是在Vue.js之上构建的。它提供了一种更简单的方法来创建通用或单页 Vue 应用程序。

　　Nuxt也类似于节点和下一个，因为这三者都承诺通过客户端和服务器端渲染的组合来提高SPA的SEO分数。Nuxt还因其在移动SPA方面的表现以及为用户带来的体验而受到欢迎。

　　然而，使Nuxt与其他网站区别开来的是它能够生成开箱即用的静态网站。对于那些希望赶快去那里建立一个网站的人来说，这是一件大事。静态网站更简单，不适合所需的每种类型的网站，但它们可用于诸如只有几个页面的博客或促销网站之类的东西，这些网站只会持续一定的时间。同样，静态站点对安全性也非常有用，因为它们未连接到服务器或任何信息。

　　Nuxt所做的另一件事是通过自动代码拆分来最小化应用程序的大小。它们以轻巧的57kb进入。

　　那么，为什么你会使用Nuxt.js而不是Vue.js，它建立在它之上呢?Nuxt.js有助于构建更快、更高效的 Vue 应用程序，原因如前所述。

　　努.js优势：

　　针对 SPA 的搜索引擎优化

　　移动应用性能

　　具有开箱即用创建静态网站的功能

　　静态网站同样具有很高的安全性

　　与 Vue 相比，企业就绪.js

　　自动代码拆分

　　努.js缺点：

　　缺乏常用插件

　　您网站上的高流量可能会导致服务器紧张

　　调试困难

　　背后的小社区

　　凤凰框架

　　什么是凤凰框架？

　　这里应该注意的是，虽然上面提到的其他三个都是用JavaScript制作的，但凤凰不是一个JavaScript框架，它是用另一种叫做Elixir的语言构建的。

　　Elixir的凤凰于2014年首次登场，但其目前的稳定版本(1.6.6)于2022年1月5日发布。凤凰被认为是大批量应用的绝佳选择，因为它是建立在BEAM之上的，这是Erlang的VM。这就是为什么像Adobe(协作工作流程)，不和谐(数百万用户和消息)和Moz(SEO分析)这样的公司使用Elixir的凤凰。

　　Elixir的语言被认为是一种“函数式编程语言”，这意味着更容易测试，调试和代码库的可维护性。

　　然而，缺点是有一个非常大的学习曲线，因为它完全是一种新的语言，而不是另一个JavaScript框架。继续说下去，与其他社区相比，社区要小得多，图书馆的生态系统也更小。

　　凤凰框架优势：

　　由于代码是“功能性”代码，因此易于使用，或者也易于阅读

　　可扩展性很简单

　　凤凰框架的缺点：

　　使用成本更高，因为您可能需要聘请具有Elixir特定技能的开发人员

　　继续这种思路，开发人员也需要了解二郎。

　　社区更小，因为它更新

　　结论

　　事实证明，制作这些最新框架的人真正关心的是SEO，特别是帮助人们构建单页应用程序，这些应用程序也擅长SEO。如前所述，Next.js、Node.js和Nuxt都能够同时执行客户端和服务器端渲染。这有助于谷歌更容易找到这个网站，这意味着可能会有更多的人访问。

　　除此之外，上面提到的多个框架还专注于自动代码拆分，以帮助构建重量更轻，加载速度更快的网站和应用程序。