前端食堂技术周刊第 48 期：ESLint 新配置系统、Vue3 中文文档正式上线、Astro 1.0、小程序新渲染引擎

美味值：🌟🌟🌟🌟🌟

口味：青提椰汁

• 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly

PC 端在仓库里看体验更好，顺手赏个 Star 是对食堂最大的支持。

本期摘要

• ESLint 推出新的配置系统
• 新版 Vue 3 中文文档正式上线
• Astro 1.0
• 小程序新渲染引擎 Skyline Beta
• NodeParty 分享 PPT & 回顾视频
• 使用 Vue 组件构建命令行界面应用
• React re-render 指南
• React TypeScript 备忘录

大家好，我是童欧巴。欢迎来到本期的前端食堂技术周刊，我们先来看下上周的技术资讯。

技术资讯

1.ESLint 推出新的配置系统

回顾当前的 eslintrc 配置系统演进史，每一步的演化在当时来看都是不错的选择，比如 extends、Personal configs、多种配置文件格式、可共享的配置和依赖项(npm 背锅)、root、overrides、添加 extends 到 overrides 等等。

然而时至今日，随着 JavaScript 项目越来越庞大，从整体上再来看这些配置就太复杂了。为了简化配置，ESLint 团队经过 18 个月的修订和讨论，决定着手构建一个全新的配置系统 flat config，现在可以在 ESLint v8.21.0 中通过 API 使用。

可以通过如下链接了解更多：

• ESLint's new config system, Part 1
• ESLint's new config system, Part 2
• ESLint's new config system, Part 3

2.新版 Vue 3 中文文档正式上线

尤大亲自官宣 新版 Vue 3 中文文档正式上线。

3.Astro 1.0

2022 年 Islands Architecture 孤岛架构 发展十分迅猛，代表框架如：Astro、Qwik、Elder.js、Fresh 等。

Astro 1.0 近期正式发布，文档写的很不错，如下是核心理念部分：

• Why Astro?
• MPA vs SPA
• Astro Islands

4.小程序新渲染引擎 Skyline Beta

为了使小程序的性能接近原生的用户体验，小程序推出了新的渲染引擎 Skyline。

新的架构相比原有的 WebView 架构，有以下特点：

• 界面更不容易被逻辑阻塞，进一步减少卡顿；
• 无需为每个页面新建一个 JS 引擎实例（WebView），减少了内存、时间开销；
• 框架可以在页面之间共享更多的资源，进一步减少运行时内存、时间开销；
• 框架的代码之间无需再通过 JSBridge 进行数据交换，减少了大量通信时间开销。

新的渲染流程如下图所示：

下面我们来看技术资料。

技术资料

1.NodeParty 分享 PPT & 回顾视频

没看直播的堂友们可以看视频回放了，如下是 NodeParty 的四大主题：

• 在 Node.js - What's Next
• 企业级包管理服务 cnpmcore
• cnpm rapid 极速模式，正式开源
• 从 Egg 到 Artus，谈谈框架的框架的初心

2.用 Vue 组件构建命令行界面应用

Temir 可以让你使用 Vue 组件构建出命令行界面应用。

3.React re-render 指南

关于 React 重渲染的系列指南，图文并茂，同时提供了代码示例和扩展资料。

4.React TypeScript 备忘录

一份很全面的 React TypeScript 备忘录。

其他信息

• Announcing TypeScript 4.8 RC
• What's New In DevTools (Chrome 105)
• Electron 20 值得关注的变化
• Turborepo 1.4
• Prisma v4.2.0
• histoire v0.10.0

好文推荐

下面来看一下好文推荐，本周推荐的好文是：

1.Vitest: 现代前端测试框架

2.5 亿用户如何高效沟通？钉钉首次对外揭秘即时消息服务 DTIM

好了，以上就是本期的食堂周刊，观众老爷们如果觉得还不错，一键三连是对食堂老板最大的支持。

你的前端食堂，吃好每一顿饭，我们下期见。