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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. 新的缓存行为

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

结束

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

npx create-next-app@rc

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

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

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

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

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

标签:
  • 热门焦点
  • 多线程开发带来的问题与解决方法

    多线程开发带来的问题与解决方法

    使用多线程主要会带来以下几个问题:(一)线程安全问题  线程安全问题指的是在某一线程从开始访问到结束访问某一数据期间,该数据被其他的线程所修改,那么对于当前线程而言,该线程
  • 自动化在DevOps中的力量:简化软件开发和交付

    自动化在DevOps中的力量:简化软件开发和交付

    自动化在DevOps中扮演着重要角色,它提升了DevOps的效能。通过自动化工具和方法,DevOps团队可以实现以下目标:消除手动和重复性任务。简化流程。在整个软件开发生命周期中实现更
  • 每天一道面试题-CPU伪共享

    每天一道面试题-CPU伪共享

    前言:了不起:又到了每天一到面试题的时候了!学弟,最近学习的怎么样啊 了不起学弟:最近学习的还不错,每天都在学习,每天都在进步! 了不起:那你最近学习的什么呢? 了不起学弟:最近在学习C
  • 2天涨粉255万,又一赛道在抖音爆火

    2天涨粉255万,又一赛道在抖音爆火

    来源:运营研究社作者 | 张知白编辑 | 杨佩汶设计 | 晏谈梦洁这个暑期,旅游赛道彻底火了:有的「地方」火了&mdash;&mdash;贵州村超旅游收入 1 个月超过 12 亿;有的「博主」火了&m
  • 品牌洞察丨服务本地,美团直播成效几何?

    品牌洞察丨服务本地,美团直播成效几何?

    来源:17PR7月11日,美团App首页推荐位出现&ldquo;美团直播&rdquo;的固定入口。在直播聚合页面,外卖&ldquo;神枪手&rdquo;直播间、美团旅行直播间、美团买菜直播间等均已上线,同时
  • 阿里瓴羊One推出背后,零售企业迎数字化新解

    阿里瓴羊One推出背后,零售企业迎数字化新解

    作者:刘旷近年来随着数字经济的高速发展,各式各样的SaaS应用服务更是层出不穷,但本质上SaaS大多局限于单一业务流层面,对用户核心关切的增长问题等则没有提供更好的解法。在Saa
  • 机构称Q2国内智能手机销量同比下滑4% vivo份额重回第1

    机构称Q2国内智能手机销量同比下滑4% vivo份额重回第1

    7月29日消息,根据市场调查机构Counterpoint Research公布的最新报告,2023年第2季度中国智能手机销量同比下降4%,创新自2014年以来第2季度销量新低。报
  • 自研Exynos回归!三星Galaxy S24系列将提供Exynos和骁龙双版本

    自研Exynos回归!三星Galaxy S24系列将提供Exynos和骁龙双版本

    年初,全新的三星Galaxy S23系列发布,包含Galaxy S23、Galaxy S23+和Galaxy S23 Ultra三个版本,全系搭载超频版骁龙8 Gen 2,虽同样采用台积电4nm工艺制
  • 苹果MacBook Pro 2021测试:仍不支持平滑滚动

    苹果MacBook Pro 2021测试:仍不支持平滑滚动

    据10月30日9to5 Mac 消息报道,苹果新的 14 英寸和 16 英寸 MacBook Pro 2021 上市后获得了不错的评价,亮点包括行业领先的性能,令人印象深刻的电池续航,精美丰
Top
Baidu
map