当前位置:首页 > 科技  > 软件

Next.js 15 来了,全新的编译器、700倍的构建速度提升

来源: 责编: 时间:2024-06-12 17:32:23 233观看
导读Next.js 15 来了,让全栈Web应用开发变得比以往任何时候都更简单高效!全新的编译器、700倍的构建速度提升,创建高性能的全栈Web应用从未如此轻松。让我们一起来探索一下 v15 的最新特性:1.create-next-app 升级:更简洁的UI,7

DO928资讯网——每日最新资讯28at.com

Next.js 15 来了,让全栈Web应用开发变得比以往任何时候都更简单高效!DO928资讯网——每日最新资讯28at.com

全新的编译器、700倍的构建速度提升,创建高性能的全栈Web应用从未如此轻松。让我们一起来探索一下 v15 的最新特性:DO928资讯网——每日最新资讯28at.com

1.create-next-app 升级:更简洁的UI,700倍更快的构建速度

DO928资讯网——每日最新资讯28at.com

  • Webpack 升级为 Turbopack:世界上最快的模块打包器(官方如此宣称):比 Webpack 快 700 倍比 Vite 快 10 倍。
  • 随着 v15 的发布,将 Turbopack 添加到你的 Next.js 项目中变得前所未有的简单:
npx create-next-app@rc

这个命令不仅会帮你生成一个新的 Next.js 项目,还会自动配置好 Turbopack,让你直接体验极速构建的快感。DO928资讯网——每日最新资讯28at.com

DO928资讯网——每日最新资讯28at.com

2. React 编译器、React 19 支持和更友好的错误提示

React 编译器是一个现代的 React 编译器,它能深入理解你的 React 代码,带来自动记忆化等优化,大多数情况下不再需要手动使用 useMemo 和 useCallback。它可以节省时间、预防错误、加快速度。DO928资讯网——每日最新资讯28at.com

DO928资讯网——每日最新资讯28at.com

并在 next.config.js 中添加:DO928资讯网——每日最新资讯28at.com

DO928资讯网——每日最新资讯28at.com

React 19 支持:DO928资讯网——每日最新资讯28at.com

引入了客户端和服务器端的 Actions。DO928资讯网——每日最新资讯28at.com

更好的水合错误处理:DO928资讯网——每日最新资讯28at.com

开发过程中的错误信息非常重要,Next.js 15 提供了智能的错误修复建议,这对开发者的开发体验有很大提升。DO928资讯网——每日最新资讯28at.com

以前的错误提示:DO928资讯网——每日最新资讯28at.com

DO928资讯网——每日最新资讯28at.com

现在的错误提示:DO928资讯网——每日最新资讯28at.com

DO928资讯网——每日最新资讯28at.com

这些智能提示大大减少了开发者解决错误的时间。DO928资讯网——每日最新资讯28at.com

3. 新的缓存行为

在 Next.js 15 中,不再自动缓存以下内容:DO928资讯网——每日最新资讯28at.com

  • fetch() 请求。
  • 路由处理程序:GET、POST 等。

<Link> 客户端导航。DO928资讯网——每日最新资讯28at.com

如果你仍然希望缓存 fetch() 请求,可以在 next.config.js 中进行配置:DO928资讯网——每日最新资讯28at.com

DO928资讯网——每日最新资讯28at.com

4. next/after:任务分离的新方式

Next.js 15 提供了一个全新的 next/after 功能,让你在每个服务器请求中清晰地分离必要任务和非必要任务:DO928资讯网——每日最新资讯28at.com

  • 必要任务:身份验证检查、数据库更新等。
  • 非必要任务:日志记录、分析等。

DO928资讯网——每日最新资讯28at.com

现在你可以使用 experimental.after 轻松实现这一功能:DO928资讯网——每日最新资讯28at.com

DO928资讯网——每日最新资讯28at.com

5.部分预渲染 (Partial Prerendering, PPR)

部分预渲染 (PPR) 在同一页面中结合了静态和动态渲染。通过即时加载静态 HTML 并在同一 HTTP 请求中流式传输动态部分,极大地提升了性能。DO928资讯网——每日最新资讯28at.com

DO928资讯网——每日最新资讯28at.com

要启用 PPR,只需在 next.config.js 中添加以下配置:DO928资讯网——每日最新资讯28at.com

DO928资讯网——每日最新资讯28at.com

结束

Next.js 15 带来了诸多令人兴奋的新功能和性能提升,让开发者可以更高效地构建高性能的全栈Web应用。如果你还没有体验过这些新特性,现在就开始吧!DO928资讯网——每日最新资讯28at.com

npx create-next-app@rc

这就是 Next.js 15 带来的五大变革性新功能。你是否已经迫不及待想要试试这些新特性了呢?DO928资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-93371-0.htmlNext.js 15 来了,全新的编译器、700倍的构建速度提升

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: C#中轻松实现二维码和条形码识别:OpenCvSharp和ZXing详细教程

下一篇: 提高能效,用Rust写代码

标签:
  • 热门焦点
  • K60 Pro官方停产 第三方瞬间涨价

    虽然没有官方宣布,但Redmi的一些高管也已经透露了,Redmi K60 Pro已经停产且不会补货,这一切都是为了即将到来的K60 Ultra铺路,属于厂家的正常操作。但有意思的是该机在停产之后
  • 天猫精灵Sound Pro体验:智能音箱没有音质?来听听我的

    这几年除了手机作为智能生活终端最主要的核心之外,第二个可以成为中心点的产品是什么?——是智能音箱。 手机在执行命令的时候有两种操作方式,手和智能语音助手,而智能音箱只
  • 2023 年的 Node.js 生态系统

    随着技术的不断演进和创新,Node.js 在 2023 年达到了一个新的高度。Node.js 拥有一个庞大的生态系统,可以帮助开发人员更快地实现复杂的应用。本文就来看看 Node.js 最新的生
  • 得物效率前端微应用推进过程与思考

    一、背景效率工程随着业务的发展,组织规模的扩大,越来越多的企业开始意识到协作效率对于企业团队的重要性,甚至是决定其在某个行业竞争中突围的关键,是企业长久生存的根本。得物
  • 如何使用JavaScript创建一只图像放大镜?

    译者 | 布加迪审校 | 重楼如果您曾经浏览过购物网站,可能遇到过图像放大功能。它可以让您放大图像的特定区域,以便浏览。结合这个小小的重要功能可以大大改善您网站的用户体验
  • 一文搞定Java NIO,以及各种奇葩流

    大家好,我是哪吒。很多朋友问我,如何才能学好IO流,对各种流的概念,云里雾里的,不求甚解。用到的时候,现百度,功能虽然实现了,但是为什么用这个?不知道。更别说效率问题了~下次再遇到,
  • 8月见!小米MIX Fold 3获得3C认证:支持67W快充

    这段时间以来,包括三星、一加、荣耀等等有不少品牌旗下的最新折叠屏旗舰都得到了不少爆料,而小米新一代折叠屏旗舰——小米MIX Fold 3此前也屡屡被传
  • 华为Mate60标准版细节曝光:经典星环相机模组回归

    这段时间以来,关于华为新旗舰的爆料日渐密集。据此前多方爆料,今年华为将开始恢复一年双旗舰战略,除上半年推出的P60系列外,往年下半年的Mate系列也将
  • 三星Galaxy Z Fold5今日亮相:厚度缩减但仍略显厚重

    据官方此前宣布,三星将于7月26日也就是今天在韩国首尔举办Unpacked活动,届时将带来带来包括Galaxy Buds 3、Galaxy Watch 6、Galaxy Tab S9、Galaxy
Top