美味值：🌟🌟🌟🌟🌟

口味：榛果咖啡

• 食堂技术周刊仓库地址：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 属性
   

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

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