前端周刊 | 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 版本?？蛇x擇加入新的 React Native 架構、錯誤修復等。

更新詳情：點擊這里