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

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

科技趣闻

1. Vue 全新中文文档发布

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

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

Vue 全新文档：点击这里

Vue 全新中文文档：点击这里

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 全新中文文档：点击这里

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 官网：这里

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

更新详情：点击这里

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中增加了对更多颜色格式的支持。

更新详情：点击这里

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中安装。

更新详情：点击这里

4. Vite 2.9.0 正式发布

3月30日，Vite v2.9.0 正式发布。该版本主要更新如下：

• 更快的冷启动；
• 开发期间的 CSS Sourcemap 支持；
• 默认情况下避免拆分供应商块；
• Web Worker 增强功能；
• 原始 Glob import；
• envDir变化；
• 插件和框架作者的新工具。

更新详情：点击这里

5. React Native 0.68 正式发布

3 月 30 日，React Native 宣布正式发布 React Native 0.68.0 版本。可选择加入新的 React Native 架构、错误修复等。

更新详情：点击这里