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

目录
文章目录隐藏
  1. 科技趣闻
  2. 更新速递

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

科技趣闻

1. Vue 全新中文文档发布

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

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

Vue 全新中文文档发布

Vue 全新文档:点击这里

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

2. Vitest 全新中文文档发布

近期,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 正式成为 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 用户尽快更新。

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

更新速递

1. React 18.0 正式发布

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

  • 自动批处理;
  • Transitions;
  • 新的 Suspense 功能;
  • 新的客户端和服务器渲染 API;
  • 新的严格模式行为;
  • 全新的 hooks:useIduseTransitionuseDeferredValueuseSyncExternalStoreuseInsertionEffect

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

Electron 18.0 正式发布
更新详情:点击这里

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

Chrome 100 正式发布

更新详情:点击这里

4. Vite 2.9.0 正式发布

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

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

Vite 2.9.0 正式发布

更新详情:点击这里

5. React Native 0.68 正式发布

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

React Native 0.68 正式发布

更新详情:点击这里

「点点赞赏,手留余香」

1

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » 前端周刊 | React 18、Electron 18、Chrome 100 正式发布; Vue、Vitest 发布全新中文文档

发表回复