前端周刊 | React 18、Electron 18、Chrome 100 发布; Vue、Vitest 发布全新中文文档

新的一周，快来看看上周发生了哪些新鲜事吧！

科技趣闻

1. Vue 全新中文文档发布

近期，Vue发布全系官方文档，全新的文档主要有以下变化：

深色模式；
响应式设计；
风格切换功能；
互动教程；
新增范例；
优化搜索；
重做指导；
单页面导航；
VitePress构建；
水合静态内容。

Vue 全新文档：vuejs.org/

Vue 全新中文文档：staging-cn.vuejs.org/

Vue 全新中文文档更新详情：juejin.cn/post/707770…

2. Vitest 全新中文文档发布

近期，Vitest 发布全新中文文档。

Vitest 是一个由 Vite 提供支持的极速单元测试框架。其特性如下：

与Vite通用的配置、转换器、解析器和插件；

使用你的应用程序中的相同配置来进行测试；

智能文件监听模式，就像是测试的 HMR；

支持测试 Vue、React、Lit 等框架中的组件；

开箱即用的 TypeScript / JSX 支持；

ESM 优先，支持模块顶级 await；

通过 tinypool 使用 Worker 线程尽可能多地并发运行；

套件和测试的过滤、超时、并发配置；

Jest 的快照功能；

内置 Chai 进行断言 + 与 Jest expect 语法兼容的 API；

内置用于对象模拟(Mock)的 Tinyspy；

使用 jsdom 或 happy-dom 用于 DOM 模拟；

通过 c8 来输出代码测试覆盖率；

类似于 Rust 语言的源码内联测试。

Vitest 全新中文文档：cn.vitest.dev/

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

近期，Pinia 正式成为 Vue 官方默认推荐的状态管理库。

Pinia.js 是新一代的状态管理器，由 Vue.js团队中成员所开发的，因此也被认为是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的项目中使用也是备受推崇。Pinia.js 有如下特点：

完整的 TypeScript 的支持；

足够轻量，压缩后的体积只有1.6kb;

去除 mutations，只有 state，getters，actions（这是我最喜欢的一个特点）；

actions 支持同步和异步；

没有模块嵌套，只有 store 的概念，store 之间可以自由使用，更好的代码分割；

无需手动添加 store，store 一旦创建便会自动添加；

Pinia 官网：pinia.vuejs.org/

4. Google向32亿Chrome用户发出紧急安全警告：呼吁尽快更新

近日 Google 向 32 亿 Chrome 用户发出紧急安全警告，因为 Google 已确定攻击者已使用这个高严重性 Zero-Day 漏洞 CVE-2022-1096 作出攻击。因此，Google Chrome 推出了99.0.4844.84 新版。之前，Google 很少为一个单一的安全漏洞推出新版本，严重性可见相当严重，建议所有 Chrome 用户尽快更新。

更新速递

1. React 18.0 正式发布

3月30日，React正式宣布 React v18.0 正式发布，React 18 主要更新内容如下：

自动批处理；
Transitions；
新的Suspense 功能；
新的客户端和服务器渲染 API；
新的严格模式行为；
全新的hooks：useId、useTransition、useDeferredValue、useSyncExternalStore、useInsertionEffect

更新详情：reactjs.org/blog/2022/0…

2. Electron 18.0 正式发布

3月30日，Electron 官方团队宣布正式发布Electron 18.0.0。Electron 18.0 主要更新内容如下：

支持 Chromium 100；
支持 Node.js 16.13.2；
支持 V8 10.0；
添加了ses.setCodeCachePath()API 用于设置代码缓存目录；
删除了基于BrowserWindowProxy的window.open的旧实现，这也删除了webPreferences中的nativeWindowOpen选项；
将“focus”和“blur'”事件添加到WebContents；
在 macOS 上添加了 Substitutions 菜单角色：showSubstitutions, toggleSmartQuotes, toggleSmartDashes, toggleTextReplacement；
在app.requestSingleInstanceLock()flow 中添加了first-instance-ack事件，这样用户就可以从第二实例向第一实例传递一些数据；
在setBackgroundColor中增加了对更多颜色格式的支持。

更新详情：www.electronjs.org/blog/electr…

3. Chrome 100 正式发布

3月30日，谷歌发布了新版本 Chrome 浏览器，版本号为100。包括Mac、Windows和安卓、iOS平台均已更新。Chrome 100使用新的图标，简化了品牌图标，去掉了阴影，细化了比例，亮化了颜色，以便与谷歌更现代的品牌表达相一致。

Chrome 100继续大幅减少内存、CPU占用率，速度更快。在Chrome 100中，谷歌取消了“精简模式”。还引入了一个数字商品API。这将使Play Store中的网络应用能够接受数字购买。这实质上是对 Android Play Billing API 的打包，并使提供数字购买的网络应用可以从Play Store中安装。