Next.js 7发布,构建速度提升40%

Next.js团队发布了其开源React框架的7版本。该版本的Next.js主要是改善整体的开发体验,包括启动速度提升57%、开发时的构建速度提升40%、改进错误报告和WebAssembly支持。

\\

Next.js是一个React框架,它的主要目标是在生产环境中提供出色的性能和良好的开发体验。为了提供这种良好的开发体验,Next.js支持服务器端渲染、代码分割和客户端路由。

\\

Next.js以JavaScript生态系统中的许多标准行业工具为基础构建,比如Babel和Webpack,而版本7带来了这些工具的最新版本。这些升级以及一个新的增量编译缓存意味着Next.js编译现在快了40%,一个基本应用程序的编译时间将从304ms减少到178ms。

\\

随着Webpack升级,得益于新增的.mjs支持,Next.js 7允许捆绑所有常见的JavaScript模块,如CommonJS、AMD和ESM,同时也支持EcmaScript, JSON和WebAssembly模块。

\\

Next.js 7还捆绑了最新版本的Babel,它提供了对TypeScript、片段语法和尚处于试验阶段的“自动填充(poly filling)”的支持。

\\

Next.js 7的初始有效载荷大小降低了多达7.4%,一个在Next.js以前的版本中大小为1.62kB的文档变成了到1.50kB。这些改进源于Next.js团队删除了某些HTML元素并缩小了一些内联脚本。

\\

Next.js 7的另一个主要改进是对React Context API的支持。Context API是一种跨React组件共享数据的方式,而且不必每次都显式共享。得益于Next.js能够在页面之间共享代码,这将使其内存使用减少16%。

\\

Next.js 7支持模块的动态导入;之前,由于Next.js使用自己的导入功能,这是不可能的。现在,他们已经删除了这个功能,并且支持Webpack自带的默认导入功能,允许动态导入、命名和绑定文件。

\\

Next.js在社区内得到了广泛好评。Reddit用户reacttricks说,“在过去一年半的时间里,我所有的项目都在使用Next.js,我建议每个人都尝试一下。”其他的反馈包括对接下来会发生什么的困惑。theineffablebob问:“Next是一个包含了让站点启动和运行所需的所有内容的框架吗?它有点像那些样板文件?”Nextjs.org将自己视为JavaScript和React世界的PHP,nextjs.org上有这样一句话:“考虑一下如何用PHP创建web应用。创建一些文件,编写PHP代码,然后简单地部署它。我们不必太考虑路由问题,应用程序是在服务器上渲染的。

\\

感兴趣的读者可以从Next.js网站上下载最新版本。

\\

查看英文原文:Next.js 7 Released with 40% Faster Builds

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/281846.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《Java多线程编程核心技术》读后感(十五)

线程的状态 线程对象在不同的运行时期有不同的状态,状态信息就存在与State枚举类中。 验证New,Runnable,Terminated new:线程实例化后还从未执行start()方法时的状态 runnable:线程进入运行的状态 terminated:线程被销毁时的状态 …

队列(queue)

队列(queue)和栈一样支持push和pop两个操作。但与栈不同的是,pop两个操作。但与栈的不同的是,pop完成的不是取出最顶端的元素,而是最底端的元素。也就是说最初放入的元素能够最先被取出(这种行为被叫做FIFO:First In First Out,即…

一题多解,ASP.NET Core应用启动初始化的N种方案[上篇]

ASP.NET Core应用本质上就是一个由中间件构成的管道,承载系统将应用承载于一个托管进程中运行起来,其核心任务就是将这个管道构建起来。在ASP.NET Core的发展历史上先后出现了三种应用承载的编程方式,而且后一种编程模式都提供了针对之前编程…

java程序猿面试问缺点怎么回答_JAVA程序员面试32问,你能回答多少题

第一,谈谈final, finally, finalize的区别。第二,Anonymous Inner Class (匿名内部类) 是否可以extends(继承)其它类,是否可以implements(实现)interface(接口)?第三,Static Nested Class 和 In…

ExecutorService——shutdown方法和awaitTermination方法

ExecutorService的关闭shutdown和awaitTermination为接口ExecutorService定义的两个方法,一般情况配合使用来关闭线程池。 方法简介shutdown方法:平滑的关闭ExecutorService,当此方法被调用时,ExecutorService停止接收新的任务并且…

WPF 简单模仿 VSCode 界面布局

WPF 简单模仿 VSCode 界面布局本文经原作者授权以原创方式二次分享,欢迎转载、分享。WPF 简单模仿 VSCode 界面布局作者:弈虎-吕女士会翻墙原文链接: https://github.com/Chen-Lin-Zhao-Wei/WPFLikeVSCode分享一篇群友这几天自己写的 WPF 简…

compare()方法+使用compare方法

compare()方法 compare(lob1,lob2,amount,offset_1,offset_2) 1用于比较2个lob存储的数据,比较的方式是从指定偏移量开始,对指定数量的字符或者字节进行比较。 2如果比较内容相同,返回0,否则返回-1或1. 3如果参数设置有误或不合…

linux 下 mysql默认表_linux环境下mysql默认是区分表名大小写的

在linux环境下,mysql默认表明是区分大小写的,我们可以查看全局变量发现:mysql> show variables like lower%;-------------------------------| Variable_name | Value |-------------------------------| lower_case_file_system | OFF || lower_cas…

dot-- 资源汇总

http://graphviz.org/doc/info/attrs.htmlhttp://graphs.grevian.org/http://graphs.grevian.org/examplehttp://www.linuxdevcenter.com/pub/a/linux/2004/05/06/graphviz_dot.html转载于:https://www.cnblogs.com/itzxy/p/7860276.html

两将军问题和TCP三次握手

两将军问题,又被称为两将军悖论、两军问题, 是一个经典的计算机思想实验。首先, 为避免混淆,我们需要认识到两将军问题虽然与拜占庭将军问题相关,但两者不是一个东西。拜占庭将军问题是一个更通用的两将军问题版本&…

微信小程序开发系列五:微信小程序中如何响应用户输入事件

2019独角兽企业重金招聘Python工程师标准>>> 微信小程序开发系列教程 微信小程序开发系列一:微信小程序的申请和开发环境的搭建 微信小程序开发系列二:微信小程序的视图设计 微信小程序开发系列三:微信小程序的调试方法 微信小程序…

理解Object.defineProperty的作用

Object.defineProperty 是vue中双向绑定的基础。vue是通过数据劫持的方式来做数据绑定的,最核心的方法是通过 Object.defineProperty()方法来实现对属性的劫持,达到能监听到数据的变动。要实现数据的双向绑定, 当使用存取器描述属性的特性的时…

java.lang包有哪些类_Java中Lang包的工具类有哪些

Java中Lang包的工具类有哪些发布时间:2020-12-08 16:15:36来源:亿速云阅读:76作者:Leah今天就跟大家聊聊有关Java中Lang包的工具类有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总…

直播修仙:使用.NET 的 WebView2 如何获取请求的响应内容,以微信直播的互动直播为例...

背景近几年直播行业快速发展,门槛也越来越低,越来越的人涌入直播大军。不得不说,直播不仅带来了更多的娱乐消遣,还提供了一个新型的就业方式。说起直播的类型,有一个非常小众的娱乐直播,没有主播&#xff0…

2017年我的阅读书单

2017年我正在看或者已经看完的书单,基本上都是纸质书,主要是长时间阅读也不伤眼。由于现阶段的主要工作是 DevOps 和运维管理,所以涉及运维方面的书我没有再细看,如果是工作用到的话会稍为翻阅下。主要还是看运维开发和 Python 及…

web第6次作业position

position 属性指定了元素的定位类型。 position 属性的五个值: static (静态定位) HTML元素的默认值,即没有定位,元素出现在正常的流中。 静态定位的元素不会受到 top, bottom, left, right影响。 div.stati…

GeneralUpdate版本更新公告20221009

大家好我是juster,GeneralUpdate的开源项目作者。这次将发布GeneralUpdate兼容.NET MAUI和多平台为核心的版本。经过国庆假期的打磨修复了大量开源社区开发者的提交的bug和不合理修改建议,重构、删除了大量代码和结构使用和上一个版本没有太大变化。1.更…

实验2 java_《Java程序设计》实验2

1、使用java语言编程,从键盘输入N个整数存储到数组中,求数组所有元素的和、最大值和平均值。import java.util.Scanner;public class Program01{public static void main(String [] args){Scanner scanner new Scanner(System.in);System.out.println(&…

WPF遍历当前容器中某种控件的方法

原文:WPF遍历当前容器中某种控件的方法版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/m0_37591671/article/details/79528845 WPF遍历当前容器中某种控件的方法 WPF遍历当前容器中某种控件的方法1.目的:2.实现思…

gradle 转 maven

1. 预备 1.1. java 环境 验证 java -version   1.2. gradle 安装, 参考, 这里列举下windows下的安装 b.1 下载包:https://gradle.org/releases b.2 解压,例如放到D:\soft\gradle\gradle-3.5 b.3 添加到环境变量, 把D…