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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Server Actions

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

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

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

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

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

  • 部分预渲染 (Partial Prerendering)

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

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

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

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

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

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

标签:
  • 热门焦点
  • Redmi Buds 4开箱简评:才199还有降噪 可以无脑入

    在上个月举办的Redmi Note11T Pro系列新机发布会上,除了两款手机新品之外,Redmi还带来了两款TWS真无线蓝牙耳机产品,Redmi Buds 4和Redmi Buds 4 Pro,此前我们在Redmi Note11T
  • 8月总票房已突破10亿!《封神》第一:口碑已经成了

    8月5日消息,据灯塔专业版数据,截至8月5日9时35分,8月总票房(含预售)已突破10亿。其中,《封神》以大比分的优势领先。根据官方消息,目前该片总票房已经超过14.
  • 2023 年的 Node.js 生态系统

    随着技术的不断演进和创新,Node.js 在 2023 年达到了一个新的高度。Node.js 拥有一个庞大的生态系统,可以帮助开发人员更快地实现复杂的应用。本文就来看看 Node.js 最新的生
  • 一篇文章带你了解 CSS 属性选择器

    属性选择器对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。一、了解属性选择器CSS属性选择器提供了一种简单而
  • .NET 程序的 GDI 句柄泄露的再反思

    一、背景1. 讲故事上个月我写过一篇 如何洞察 C# 程序的 GDI 句柄泄露 文章,当时用的是 GDIView + WinDbg 把问题搞定,前者用来定位泄露资源,后者用来定位泄露代码,后面有朋友反
  • 腾讯VS网易,最卷游戏暑期档,谁能笑到最后?

    作者:无锈钵来源:财经无忌7月16日晚,上海1862时尚艺术中心。伴随着幻象的精准命中,硕大的荧幕之上,比分被定格在了14:12,被寄予厚望的EDG战队以绝对的优势战胜了BLG战队,拿下了总决
  • 品牌洞察丨服务本地,美团直播成效几何?

    来源:17PR7月11日,美团App首页推荐位出现&ldquo;美团直播&rdquo;的固定入口。在直播聚合页面,外卖&ldquo;神枪手&rdquo;直播间、美团旅行直播间、美团买菜直播间等均已上线,同时
  • 2299元起!iQOO Pad明晚首销:性能最强天玑平板

    5月23日,iQOO如期举行了新品发布会,除了首发安卓最强旗舰处理器的iQOO Neo8系列新机外,还在发布会上推出了旗下首款平板电脑——iQOO Pad,其最大的卖点
  • 上海举办人工智能大会活动,建设人工智能新高地

    人工智能大会在上海浦江两岸隆重拉开帷幕,人工智能新技术、新产品、新应用、新理念集中亮相。8月30日晚,作为大会的特色活动之一的上海人工智能发展盛典人工
Top