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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Server Actions

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

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

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

下面是一个简易示例:9zh28资讯网——每日最新资讯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>  );}

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

  • 部分预渲染 (Partial Prerendering)

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

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

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

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

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

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

标签:
  • 热门焦点
  • Mate60手机壳曝光 致敬自己的经典设计

    8月3日消息,今天下午博主数码闲聊站带来了华为Mate60的第三方手机壳图,可以让我们在真机发布之前看看这款华为全新旗舰的大致轮廓。从曝光的图片看,Mate 60背后摄像头面积依然
  • 6月安卓手机性价比榜:Note 12 Turbo断层式碾压

    6月份有一个618,虽然这是京东周年庆的日子,但别的电商也都不约而同的跟进了,反正促销没坏处,厂商和用户都能满意。618期间一些产品也出现了历史低价,那么各个价位段的产品性价比
  • 线程通讯的三种方法!通俗易懂

    线程通信是指多个线程之间通过某种机制进行协调和交互,例如,线程等待和通知机制就是线程通讯的主要手段之一。 在 Java 中,线程等待和通知的实现手段有以下几种方式:Object 类下
  • 一篇聊聊Go错误封装机制

    %w 是用于错误包装(Error Wrapping)的格式化动词。它是用于 fmt.Errorf 和 fmt.Sprintf 函数中的一个特殊格式化动词,用于将一个错误(或其他可打印的值)包装在一个新的错误中。使
  • 如何通过Python线程池实现异步编程?

    线程池的概念和基本原理线程池是一种并发处理机制,它可以在程序启动时创建一组线程,并将它们置于等待任务的状态。当任务到达时,线程池中的某个线程会被唤醒并执行任务,执行完任
  • 签约井川里予、何丹彤,单视频点赞近千万,MCN黑马永恒文希快速崛起!

    来源:视听观察永恒文希传媒作为一家MCN公司,说起它的名字来,可能大家会觉得有点儿陌生,但是说出来下面一串的名字之后,或许大家就会感到震惊,原来这么多网红,都签约这家公司了。根
  • 花7万退货退款无门:谁在纵容淘宝珠宝商家造假?

    来源:极点商业作者:杨铭在淘宝购买珠宝玉石后,因为保证金不够赔付,店铺关闭,退货退款难、维权无门的比比皆是。&ldquo;提供相关产品鉴定证书,支持全国复检,可以30天无理由退换货。&
  • 8月见!小米MIX Fold 3获得3C认证:支持67W快充

    这段时间以来,包括三星、一加、荣耀等等有不少品牌旗下的最新折叠屏旗舰都得到了不少爆料,而小米新一代折叠屏旗舰——小米MIX Fold 3此前也屡屡被传
  • 荣耀Magic4 至臻版 首创智慧隐私通话 强劲影音系统

    2022年第一季度临近尾声,在该季度内,许多品牌陆续发布自己的最新产品,让大家从全新的角度来了解当今的手机技术。手机是电子设备中,更新迭代十分迅速的一款产品,基
Top