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

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

科技趣闻

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抓紧创作!

微信微信 支付宝支付宝

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

声明:
1. 本站所有文章教程及资源素材均来源于网络与用户分享或为本站原创,仅限用于学习和研究。
2. 如果内容损害你的权益请联系客服QQ:1642748312给予处理。
码云笔记 » 前端周刊 | React 18、Electron 18、Chrome 100 正式发布; Vue、Vitest 发布全新中文文档

发表评论

IT互联网行业相关广告投放 更专业 更精准

立即查看 联系我们