[JavaScript知识库]前端食堂技术周刊第 31 期：Vue 3、Vitest 中文文档上线、Pinia 正式成为 Vue 官方默认推荐的状态管理库、Vite v2.9.0

美味值：🌟🌟🌟🌟🌟

口味：榛果咖啡

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

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

本期摘要

• Vue 3、Vitest 中文文档上线
• Pinia 正式成为 Vue 官方默认推荐的状态管理库
• Vite v2.9.0
• React 18 发布
• React Router v6.3.0
• FE-Hunter 前端赏金猎人
• CasePolice
• free-programming-books-zh_CN
• 100 cool web moments
• 了解 CSS 布局算法

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

技术资讯

1. Vue 3、Vitest 中文文档均已上线

• Vue 中文文档地址
• Vitest 中文文档地址

2. Pinia 正式成为 Vue 官方默认推荐的状态管理库

Pinia 终于转正了，它具有与 Vuex 5 几乎完全相同或者增强的 API，简单来说，它就是和 Vuex 5 名字不同。Vuex 3 和 4 仍会继续维护，但是新功能不太可能会添加了。Pinia 也支持渐进式迁移，Vuex 和 Pinia 可以安装在同一个项目中，新项目的话建议直接使用 Pinia。

3. Vite v2.9.0

Vite 发布了 v2.9.0。

• 更快的冷启动

• 开发期间的 CSS Sourcemap 支持（实验性）

• Web Worker 增强功能

• 给插件和框架作者提供的新 API

4. React 18 发布

React 18 终于发布了，官方团队从 v16 就开始普及并发概念，到正式版发布时难免少了一些新鲜感。照目前的发展趋势看，React 未来会朝着前端底层“操作系统”的方向发展，会变得越来越复杂。这些复杂的操作又会被元框架(Next.js、Remix)消化掉，开发者并不会直接接触，使用这些元框架开发即可。

5. React Router v6.3.0

稳定不停滞，支持增量升级，v5、v6 的版本代码可以同时存在。

下面是其他的发布信息和 TC39 提案的一些推进情况，大家可以找感兴趣的自行查阅。

其他发布

• react-three-fiber v8
• Valtio v1.5.0
• Webpack v5.71.0
• Electron v18.0.0
• pnpm v7.0.0-rc.1
• React Native v0.68
• React Testing Library v13
• VS Code March 2022
• Type Annotations to Stage 1
• Change Array by copy to stage 3
• Decorators to stage 3

下面我们来看技术资料。

技术资料

1. FE-Hunter

和好朋友卡颂一起在做的项目：前端赏金猎人。

这是一个用单纯的金钱关系维系的前端学习社区，悬赏答题 + 答题赚钱。

期待你的加入，如果觉得有价值的话，可以给个 Star 鼓励一下。

2. CasePolice

把技术名词的大小写拼写正确是基本的素养，但很多人都不重视，这个项目可以帮助你纠正错误的大小写。

3. free-programming-books-zh_CN

免费的编程中文书籍索引，项目已有 90.1k Star。

4. 100 cool web moments

从 2008 年谷歌浏览器推出至今的 100 个精彩瞬间回 忆录。

5. 了解 CSS 布局算法

想学好 CSS 仅仅了解每个属性的作用是远远不够的，还需要搞清楚布局算法是如何工作的，以及布局算法会怎样使用这些属性。本文会对布局算法进行揭秘，帮你建立 CSS 布局的心智模型。

好文推荐

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

1. 由 Babel 理解前端编译原理

2. 那些你从不使用的 HTML 属性

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

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