您当前的位置:首页 > 电脑百科 > 程序开发 > 框架

JavaScript前端框架2024年展望

时间:2024-01-05 14:25:50  来源:微信公众号  作者:云云众生s

Angular、Next.js、React和Solid的维护者和创作者们展望2024年,分享了他们计划中的改进。

译自2024 Predictions by JAVAScript Frontend Framework MAIntainers,作者 Loraine Lawson。

由于水晶球破裂,The New Stack 采访了来自 Angular、Next.js、React 和 Solid 的创始人和维护者,询问他们对2024年的规划。以下概述了前端开发者可以期待的内容。

Angular: 可选的 Zone.js

去年,Angular 的两个重大成就是引入了细粒度的反应性 Signals和可延迟的视图,google 的 Angular DevRel 技术负责人Minko Gechev说。下一年将在此基础上继续专注于细粒度的反应性,并使 Zone.js 可选,他向 The New Stack 透露。

在 Angular 中,Zone 是跨异步任务持续存在的执行上下文。Zones 在这个 Github 仓库中有详细解释,但一个 zone 有五个职责,包括拦截异步任务调度和封装回调进行错误处理和跨异步操作的区域跟踪。Zone.js 可以创建跨异步操作持续存在的上下文,以及为异步操作提供生命周期钩子。

“我们正在探索为现有项目启用可选的 Zone.js,开发人员应该能够通过重构现有应用来利用这个功能,” Gechev 说,“使用可选的 Zone.js,我们预期加载时间和首次渲染会有改进。在细粒度反应性的工作将其提升到另一个水平,使我们能够仅检测组件模板的一部分中的更改。”

这些特性将导致运行时更快,他说。

在另一项性能操作中,Angular正在考虑是否默认启用混合渲染。Gechev补充说,可以选择不使用混合渲染,因为它可能会增加托管需求和成本。

“我们看到 SSG(静态站点生成)和 SSR(服务器端渲染)的巨大价值,通过在v17 中奠定坚实的基础,我们正在努力完成最后的抛光工作,以从一开始就启用此体验,” Gechev说。

他补充说,优先事项之一是实现其Signals RFC。

开发者也可能会看到 Angular 文档的改进。根据开发者调查,开发者希望获得升级的学习体验,其中包括使 Angular.dev 成为该框架的新首页。开发人员还将首次加载时间列为优先事项,混合渲染、局部 hydration 和可选的 Zone.js 应该可以解决这一问题,他补充说,组件创作也是 Angular 计划进一步简化的事项。

“我们致力于迭代交付功能,并随着时间的推移逐步增强它们”,Gechev说,“开发者将能够在2024年受益于所有改进,并在未来几年获得更好的开发者体验和性能。”

Next.js: 正在开发新的编译器

Next.js 在2023年引入了新应用服务器,旨在支持React服务器组件(RSC)和Server Action。它继续支持旧的应用服务器,其路由系统可以互换,Vercel产品负责人Lee Robinson说,该公司监督此框架。这种互操作性意味着开发人员可以慢慢地添加新特性。

“有些客户已经使用Next.js构建了5-6年,他们对这些较新的特性的采用也需要多年时间”,Robinson说,“我们希望尽可能顺利地让人们参与这个过程。”

在新一年,Next.js希望解决许多问题,但一个优先事项可能是简化缓存。就开发者体验而言,这可以更容易些,他说。

“通常,生态系统中的许多开发人员不得不引入大量额外的包或学习如何使用其他工具来进行获取、缓存和重新验证”,Robinson说,“Next.js现在已经内置了很多这些功能,这非常强大,但这也意味着需要学习的额外事项,初步反馈是,'这很棒,非常强大,但如果能简单一些就更好了'。”

Next.js团队也将继续关注性能改进,他称这是“我们的持续投资”。

这很可能以明年的新编译器的形式呈现,该编译器将加快在开发人员机器上启动Next.js的速度,他补充说。该编译器已经研发了大约一年,Vercel 一直在其产品和应用内部使用它。他说,这个由Rust提供动力的编译器即使不缓存也比之前的编译器缓存时快。

“我们距离推出它非常近了,每个人都可以默认启用它,而且它比现有的 Webpack 编译解决方案更快”,Robinson说,“开发人员希望他们的工具更快。如果它变得更快,他们永远不会抱怨。因此,有趣的是看到工具制造者,不是工具的用户,而是实际的工具开发人员转向诸如 Rust 之类的底层工具,以帮助获得这最后一英里的性能提升。”

第三个目标是继续为未来 10 年的 Next.js 奠定基础。

“这个新的路由系统,你知道,我们显然非常兴奋。我们认为这是未来的基础”,他说,“但这也需要时间。人们会试用,他们会有功能请求,并希望看到事情发生改变。我们将其视为未来 5 至 10 年的非常长期投资。”

他补充说,一个“某天”但可能不是今年的目标是以更好的方式处理 Next.js 中的内容。

“今天,它能够正常运行,你仍然可以连接到任何你想要的内容源,但有可能简化开发者体验的方法,”他补充说。“这更像是一种可有可无的东西,而不是一项必需品,这就是为什么我认为我们在2024年不会着手处理它的原因,但我希望将来能够对其进行一些处理。”

React:2024预览

Meta的React工程经理Eli White说,React团队希望在新一年看到更多框架采用React服务器组件。

“对于大多数人来说,RSC已成为他们对React范围的看法的重大变化,从仅仅是一个UI层,到对您架构应用程序的方式有更多影响,以获得最佳的用户和开发人员体验,特别是对于单页应用程序(SPA)不够好的应用程序”,White说。

虽然他没有具体说明2024年的任何新发展,但White确实表示他们将发布和分享2023年一些启示的更多进展。例如,在React高级会议上,该团队向与会者展示了React Forget,这是React的自动记忆编译器。White说,React Forget将意味着开发人员不再需要使用useMemo和useCallback。

在React Native EU活动上,White补充说:“我们分享了消息,即我们将在0.73版本开始将Web开发人员熟悉的Chrome开发工具引入React Native。我们还初步展示了我们对Static Hermes的研究成果,这是我们用于JavaScript的本地编译器,它不仅有可能加速React Native应用程序,而且从根本上改变了JavaScript的有效用途。”

Solid:专注于基本元素(Primitives)

Solid的创作者Ryan Carniato表示,Solid开发人员可以期待2024年推出的SolidStart 1.0和Solid.js 2.0。SolidStart是一个元框架,意味着它建立在Solid.js框架之上。他说,这与Svelte的SvelteKit相类似。

SolidStart的文档这样解释:

“Web应用程序通常由许多组件组成:数据库、服务器、前端、打包工具、数据获取/变异、缓存和基础架构。协调这些组件具有挑战性,通常需要在应用程序堆栈中共享大量状态和冗余逻辑。这就是SolidStart的作用:提供一个在一个位置将所有这些部分组合在一起的平台。”

由于SolidStart仍处于测试阶段,Carniato有机会基本上使用生态系统中已有的东西来使其更好。

“其中一个重要的部分是,我们现在使用Nitro而不是编写自己的部署适配器,Nitro还支持Nuxt框架,这使你能够部署到所有不同的平台,” Carniato说。

另一个例子是任何Solid路由器都将在SolidStart中起作用。

“这意味着对路由器的基础部分进行了很多更新,以使它们可以共同工作,但我对最终结果感到非常满意,因为我们小团队的志愿者需要维护的代码量要少得多,并且它为开发人员提供了很多灵活性和控制,“他说。“他们不被迫采用单一的解决方案,这对我来说非常重要,因为每个人都有自己的需求。正如我所说,如果构建正确的组件并找出这些构建块是什么,人们可以做更多的事情。”

最终结果是一个“可互换”组件的元框架,不持有太多主观意见,他说。Solid团队一直在思考在越来越多的元框架决定开发人员使用什么的世界中,正确的基本元素对影响的问题。

“对我来说,一直都是关于基本元素的构建块,非常注重工程,我认为这也是它与众不同的原因之一,”他说。“我一直喜欢给予选择,并且我认为如果你拥有正确的基本元素,正确的构建块,你就可以构建出正确的解决方案。”

他表示,Solid 2.0预计将在2024年中晚期发布。目前,他们正在原型化它将如何处理异步系统。

“Solid 2.0也将是一个非常重要的发布版本,因为我们正在重新审视反应系统,并思考如何解决异步信号或异步系统的问题,” Carniato说。

他补充说,Solid试图在控制和性能之间取得平衡。

“我们的社区中有很多热情的人,非常关注性能的技术人员,关心控制的人,”他说。“我们吸引了许多真正想要控制构建的每个部分的人。”



Tags:前端框架   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
JavaScript前端框架2024年展望
Angular、Next.js、React和Solid的维护者和创作者们展望2024年,分享了他们计划中的改进。译自2024 Predictions by JavaScript Frontend Framework Maintainers,作者 Loraine...【详细内容】
2024-01-05  Search: 前端框架  点击:(89)  评论:(0)  加入收藏
React与Vue性能对比:两大前端框架的性能
React和Vue是当今最流行的两个前端框架,它们在性能方面都有着出色的表现。React的加载速度:初次加载:由于React使用了虚拟DOM(Virtual DOM)技术,它可以通过比较虚拟DOM树与实际DOM...【详细内容】
2024-01-05  Search: 前端框架  点击:(106)  评论:(0)  加入收藏
Astro,这个前端框架有点不一样!
前端技术日新月异,最初的静态网站逐渐被由服务端生成的网站所取代,后来又逐渐向客户端渲染的应用转变。不过客户端渲染也存在一些问题,如加载时间变长和搜索引擎优化难度等。As...【详细内容】
2023-11-21  Search: 前端框架  点击:(222)  评论:(0)  加入收藏
前端框架的演进与未来展望
自从前后端分离的概念被提出以来,前端框架的发展就如同百花齐放,呈现出一片繁荣景象。最早出现的是Angular,随后又有了React 和Vue,而如今,Vue和 React已经成为了前端开发的主宰...【详细内容】
2023-11-17  Search: 前端框架  点击:(250)  评论:(0)  加入收藏
9个目前流行的Web前端框架
启动项目时,请查看 2023 年最好的 Web 前端框架。为什么选择合适的工具很重要?前端开发人员使用前端框架来简化工作。这些软件包通常提供可重用的代码模块、系统化的前端技术...【详细内容】
2023-07-24  Search: 前端框架  点击:(204)  评论:(0)  加入收藏
前端框架篇:React类组件的三大核心属性
React类组件是通过创建 class 继承 React.Component创建的。类组件中通过render函数返回react元素。react组件的三大核心属性是建立在react的类组件基础上的,即:state、props...【详细内容】
2023-06-19  Search: 前端框架  点击:(124)  评论:(0)  加入收藏
微前端框架实践
阿里妹导读我们对微前端框架的内容做了一个详细的介绍,并从零开始用Typescript实现了微前端的基本功能。本文我们首先实现一个可进行子应用注册和资源加载的微前端框架,实现在...【详细内容】
2023-05-31  Search: 前端框架  点击:(205)  评论:(0)  加入收藏
vue轻量化前端框架应用到小程序移动开发中
小程序是一种运行在移动端的应用形式,它可以提供快速、便捷、丰富的用户体验。但小程序的开发需要遵循一套特定的规范和接口,这对于前端开发者来说可能会有一定的学习成本和限...【详细内容】
2023-03-07  Search: 前端框架  点击:(153)  评论:(0)  加入收藏
5个最受欢迎的前端框架,建议你收藏!
前端开发人员负责创建用户在其显示器上看到的材料,他们正在尝试使用最可接受的前端框架来提供最佳的用户体验。现在,终端客户比以往任何时候都更重要,维护长期客户取决于提供非...【详细内容】
2022-12-01  Search: 前端框架  点击:(582)  评论:(0)  加入收藏
相比React、vue资源消耗更小,使用更简单的新一代前端框架Svelte
Svelte 的优点 代码是根据说明在没有额外运输规格的情况下生成的。 它将指令转换为强大的运行时语言。 它运行代码并优化代码生成,速度相比React、vue的运行资源消耗小很多...【详细内容】
2022-10-29  Search: 前端框架  点击:(445)  评论:(0)  加入收藏
▌简易百科推荐
Web Components实践:如何搭建一个框架无关的AI组件库
一、让人又爱又恨的Web ComponentsWeb Components是一种用于构建可重用的Web元素的技术。它允许开发者创建自定义的HTML元素,这些元素可以在不同的Web应用程序中重复使用,并且...【详细内容】
2024-04-03  京东云开发者    Tags:Web Components   点击:(7)  评论:(0)  加入收藏
Kubernetes 集群 CPU 使用率只有 13% :这下大家该知道如何省钱了
作者 | THE STACK译者 | 刘雅梦策划 | Tina根据 CAST AI 对 4000 个 Kubernetes 集群的分析,Kubernetes 集群通常只使用 13% 的 CPU 和平均 20% 的内存,这表明存在严重的过度...【详细内容】
2024-03-08  InfoQ    Tags:Kubernetes   点击:(12)  评论:(0)  加入收藏
Spring Security:保障应用安全的利器
SpringSecurity作为一个功能强大的安全框架,为Java应用程序提供了全面的安全保障,包括认证、授权、防护和集成等方面。本文将介绍SpringSecurity在这些方面的特性和优势,以及它...【详细内容】
2024-02-27  风舞凋零叶    Tags:Spring Security   点击:(52)  评论:(0)  加入收藏
五大跨平台桌面应用开发框架:Electron、Tauri、Flutter等
一、什么是跨平台桌面应用开发框架跨平台桌面应用开发框架是一种工具或框架,它允许开发者使用一种统一的代码库或语言来创建能够在多个操作系统上运行的桌面应用程序。传统上...【详细内容】
2024-02-26  贝格前端工场    Tags:框架   点击:(46)  评论:(0)  加入收藏
Spring Security权限控制框架使用指南
在常用的后台管理系统中,通常都会有访问权限控制的需求,用于限制不同人员对于接口的访问能力,如果用户不具备指定的权限,则不能访问某些接口。本文将用 waynboot-mall 项目举例...【详细内容】
2024-02-19  程序员wayn  微信公众号  Tags:Spring   点击:(39)  评论:(0)  加入收藏
开发者的Kubernetes懒人指南
你可以将本文作为开发者快速了解 Kubernetes 的指南。从基础知识到更高级的主题,如 Helm Chart,以及所有这些如何影响你作为开发者。译自Kubernetes for Lazy Developers。作...【详细内容】
2024-02-01  云云众生s  微信公众号  Tags:Kubernetes   点击:(50)  评论:(0)  加入收藏
链世界:一种简单而有效的人类行为Agent模型强化学习框架
强化学习是一种机器学习的方法,它通过让智能体(Agent)与环境交互,从而学习如何选择最优的行动来最大化累积的奖励。强化学习在许多领域都有广泛的应用,例如游戏、机器人、自动驾...【详细内容】
2024-01-30  大噬元兽  微信公众号  Tags:框架   点击:(67)  评论:(0)  加入收藏
Spring实现Kafka重试Topic,真的太香了
概述Kafka的强大功能之一是每个分区都有一个Consumer的偏移值。该偏移值是消费者将读取的下一条消息的值。可以自动或手动增加该值。如果我们由于错误而无法处理消息并想重...【详细内容】
2024-01-26  HELLO程序员  微信公众号  Tags:Spring   点击:(84)  评论:(0)  加入收藏
SpringBoot如何实现缓存预热?
缓存预热是指在 Spring Boot 项目启动时,预先将数据加载到缓存系统(如 Redis)中的一种机制。那么问题来了,在 Spring Boot 项目启动之后,在什么时候?在哪里可以将数据加载到缓存系...【详细内容】
2024-01-19   Java中文社群  微信公众号  Tags:SpringBoot   点击:(86)  评论:(0)  加入收藏
花 15 分钟把 Express.js 搞明白,全栈没有那么难
Express 是老牌的 Node.js 框架,以简单和轻量著称,几行代码就可以启动一个 HTTP 服务器。市面上主流的 Node.js 框架,如 Egg.js、Nest.js 等都与 Express 息息相关。Express 框...【详细内容】
2024-01-16  程序员成功  微信公众号  Tags:Express.js   点击:(85)  评论:(0)  加入收藏
站内最新
站内热门
站内头条