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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. 新的缓存行为

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

结束

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

npx create-next-app@rc

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

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

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

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

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

标签:
  • 热门焦点
  • 十个可以手动编写的 JavaScript 数组 API

    JavaScript 中有很多API,使用得当,会很方便,省力不少。 你知道它的原理吗? 今天这篇文章,我们将对它们进行一次小总结。现在开始吧。1.forEach()forEach()用于遍历数组接收一参
  • 把LangChain跑起来的三个方法

    使用LangChain开发LLM应用时,需要机器进行GLM部署,好多同学第一步就被劝退了,那么如何绕过这个步骤先学习LLM模型的应用,对Langchain进行快速上手?本片讲解3个把LangChain跑起来
  • 服务存储设计模式:Cache-Aside模式

    Cache-Aside模式一种常用的缓存方式,通常是把数据从主存储加载到KV缓存中,加速后续的访问。在存在重复度的场景,Cache-Aside可以提升服务性能,降低底层存储的压力,缺点是缓存和底
  • 企业采用CRM系统的11个好处

    客户关系管理(CRM)软件可以为企业提供很多的好处,从客户保留到提高生产力。  CRM软件用于企业收集客户互动,以改善客户体验和满意度。  CRM软件市场规模如今超过580
  • 一篇文章带你了解 CSS 属性选择器

    属性选择器对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。一、了解属性选择器CSS属性选择器提供了一种简单而
  • 一条抖音4亿人围观 ! 这家MCN比无忧传媒还野

    作者:Hiu 来源:互联网品牌官01 擦边少女空降热搜,幕后推手曝光被网友誉为&ldquo;纯欲天花板&rdquo;的女网红井川里予,近期因为一组哥特风照片登上热搜,引发了一场互联网世界关于
  • 三星电子Q2营收60万亿韩元 存储业务营收同比仍下滑超过50%

    7月27日消息,据外媒报道,从三星电子所发布的财报来看,他们主要利润来源的存储芯片业务在今年二季度仍不乐观,营收同比仍在大幅下滑,所在的设备解决方案
  • 支持aptX Lossless无损传输 iQOO TWS 1赛道版发布限时优惠价369元

    2023年7月4日,“无损音质,声动人心”iQOO TWS 1正式发布,支持aptX Lossless无损传输,限时优惠价369元。iQOO TWS 1耳机率先支持端到端aptX Lossless无
  • 3699元!iQOO Neo8 Pro顶配版今日首销:1TB UFS 4.0同价位唯一

    5月23日,iQOO推出了全新的iQOO Neo8系列,包含iQOO Neo8和iQOO Neo8 Pro两个版本,其中标准版搭载高通骁龙8+,而Pro版更是首发搭载了联发科天玑9200+旗舰
Top