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

Next.js 14 发布:Server Actions 已稳定、部分预渲染进入预览

来源: 责编: 时间:2023-10-30 17:24:56 455观看
导读Vercel 公司在 Next.js Conf 2023 上宣布了 Next.js 14。Vercel 是流行的开源前端框架 Next.js 背后的公司,Next.js 提供了包括服务器端渲染和为 Web 应用程序生成静态网站在内的功能。Vercel 作为一个开放的云平台提

Vercel 公司在 Next.js Conf 2023 上宣布了 Next.js 14。Y5K28资讯网——每日最新资讯28at.com

Vercel 是流行的开源前端框架 Next.js 背后的公司,Next.js 提供了包括服务器端渲染和为 Web 应用程序生成静态网站在内的功能。Vercel 作为一个开放的云平台提供了网站托管服务,让开发者能够在上面开发、预览和发布 Web 应用,同时优化了前端开发者的开发和部署体验。Y5K28资讯网——每日最新资讯28at.com

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

Next.js 14 主要变化:Y5K28资讯网——每日最新资讯28at.com

  • Turbopack: App & 页面路由通过了 5000 项测试

本地服务器启动速度提升 53%Y5K28资讯网——每日最新资讯28at.com

使用 Fast Refresh 进行代码更新的速度提升 94%Y5K28资讯网——每日最新资讯28at.com

  • Server Actions (Stable): 渐进式的增强突变

重新验证缓存数据Y5K28资讯网——每日最新资讯28at.com

支持简单的函数调用Y5K28资讯网——每日最新资讯28at.com

本地支持表单Y5K28资讯网——每日最新资讯28at.com

  • Partial Prerendering (Preview): 快速初始化静态响应 + 流式动态内容
  • Next.js Learn (New): 针对 App Router、身份验证、数据库等内容的全新免费课程
  • Turbopack 通过 5000 项集成测试

底层采用 Rust 编写的构建引擎 Turbopack 已通过 next dev 的 5,000 项集成测试,这些测试包括 7 年的错误修复。Y5K28资讯网——每日最新资讯28at.com

Vercel 称开发者现在应该使用 next dev -turbo 会得到更快、更可靠的性能。该公司还表示,一旦 Turbopack 所有测试都通过,它将进入稳定状态(目前通过了 90% 的测试)。Y5K28资讯网——每日最新资讯28at.com

  • Server Actions

在 Next.js 14 中,Next.js 团队通过稳定版本的 Server Actions 改进了开发者在编写数据变更方面的体验。Y5K28资讯网——每日最新资讯28at.com

Server Actions 允许开发者定义异步服务器函数,使用 Server Actions 来重新验证缓存数据、重定向到不同的路由、设置和读取 cookie 等等。Y5K28资讯网——每日最新资讯28at.com

现在,只需在 React 组件中定义一个函数,就能在服务器上安全地执行操作。Y5K28资讯网——每日最新资讯28at.com

下面是一个简易示例:Y5K28资讯网——每日最新资讯28at.com

export default function Page() {  async function create(formData: FormData) {    'use server';    const id = await createItem(formData);  }   return (    <form action={create}>      <input type="text" name="name" />      <button type="submit">Submit</button>    </form>  );}

这不仅减少代码量,还减少了更改数据和重新渲染页面所需的网络往返次数,从而提升用户体验。Y5K28资讯网——每日最新资讯28at.com

  • 部分预渲染 (Partial Prerendering)

Next.js 团队正在为 Next.js 开发的” 部分预渲染 “是一种针对具有快速初始静态响应的动态内容的编译器优化。Y5K28资讯网——每日最新资讯28at.com

Partial Prerendering 基于十年来对服务器端渲染 (SSR)、静态网站生成 (SSG) 和增量静态重验证 (ISR) 的研究和开发。Y5K28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-15894-0.htmlNext.js 14 发布:Server Actions 已稳定、部分预渲染进入预览

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

上一篇: Next.js 支持在前端代码中写 SQL,开倒车还是遥遥领先?

下一篇: 万字详解 TypeScript 高级用法

标签:
  • 热门焦点
  • 一加Ace2 Pro官宣:普及16G内存 引领24G

    一加官方今天继续为本月发布的新机一加Ace2 Pro带来预热,公布了内存方面的信息。“淘汰 8GB ,12GB 起步,16GB 普及,24GB 引领,还有呢?#一加Ace2Pro#,2023 年 8 月,敬请期待。”同时
  • 6月安卓手机好评榜:魅族20 Pro蝉联冠军

    性能榜和性价比榜之后,我们来看最后的安卓手机好评榜,数据来源安兔兔评测,收集时间2023年6月1日至6月30日,仅限国内市场。第一名:魅族20 Pro好评率:95%5月份的时候魅族20 Pro就是
  • 女孩租房开2小时空调用完100元电费引热议:5级能耗惹不起 月薪过万电费也交不起

    近日,江苏苏州一女孩租房当天充值了100元电费,开着空调不到2小时发现电费已用完。对于为什么这个快,房东表示,电表坏了这种情况很多,之前也遇到过,给租客换
  • 深度探索 Elasticsearch 8.X:function_score 参数解读与实战案例分析

    在 Elasticsearch 中,function_score 可以让我们在查询的同时对搜索结果进行自定义评分。function_score 提供了一系列的参数和函数让我们可以根据需求灵活地进行设置。近期
  • 三分钟白话RocketMQ系列—— 如何发送消息

    我们知道RocketMQ主要分为消息 生产、存储(消息堆积)、消费 三大块领域。那接下来,我们白话一下,RocketMQ是如何发送消息的,揭秘消息生产全过程。注意,如果白话中不小心提到相关代
  • JVM优化:实战OutOfMemoryError异常

    一、Java堆溢出堆内存中主要存放对象、数组等,只要不断地创建这些对象,并且保证 GC Roots 到对象之间有可达路径来避免垃 圾收集回收机制清除这些对象,当这些对象所占空间超过
  • 慕岩炮轰抖音,百合网今何在?

    来源:价值研究所 作者:Hernanderz&ldquo;难道就因为自己的一个产品牛逼了,从客服到总裁,都不愿意正视自己产品和运营上的问题,选择逃避了吗?&rdquo;这一番话,出自百合网联合创
  • 破圈是B站头上的紧箍咒

    来源 | 光子星球撰文 | 吴坤谚编辑 | 吴先之每年的暑期档都少不了瞄准追剧女孩们的古偶剧集,2021年有优酷的《山河令》,2022年有爱奇艺的《苍兰诀》,今年却轮到小破站抓住了追
  • 小米MIX Fold 3下月亮相:今年唯一无短板的全能折叠屏

    这段时间以来,包括三星、一加、荣耀等等有不少品牌旗下的最新折叠屏旗舰都有新的进展,其中荣耀、三星都已陆续发布了最新的折叠屏旗舰,尤其号荣耀Magi
Top