前端週刊第十三期

前端週刊發表每週前端技術相關的大事件、文章教程、一些框架的版本更新、以及程式碼和工具。每週定期發表，歡迎大家關注、轉載。
如果外鏈不能訪問，關注公眾號「前端每週看」，裡面有解決辦法

大事件

• ES6 類提案（大部分）的裝飾器在 TC39 上達到了第 3 階段——我們三年前首次連結到這個提案，但現在它有條件地進入第 3 階段（需要一些調整）

• React 18 已釋出——計劃是讓 v18 輕鬆升級，即使引擎蓋下有很多變化。儘管引入了新的併發渲染器、Suspense、新的鉤子、自動批處理等，但他們已經完成了保持船舶穩定的一項偉大工作。React 18 升級指南涵蓋了一些你需要考慮的事情，如果你是一個完整的人，更新日誌會深入挖掘。

• Electron 18.0 釋出——不滿足於讓 React 獲得所有 v18 的榮耀，流行的 Electron 跨平臺“使用 JS、CSS 和 HTML 構建桌面應用程式”框架也達到了 v18，升級到 Chrome 100（本週也釋出）、V8 10.0 和節點 16.13.2。

• Next.js 的故事——講述Next.js故事的細節和高階概述的良好平衡。儘管只有 12 分鐘長，但它的背景和歷史也比你想象的要多得多。或許接下來會為 Gatsby 和 Remix 講述？

• Visible V8——它是 V8 JavaScript 引擎的一個補丁版本，專門用於監控和記錄執行的 JavaScript，正如這篇學術論文中所解釋的。

文章

1. JavaScript 中的區域感知排序 — 在構建本地化應用程式時，字串的預設排序邏輯可能無法完全滿足您的需求......localeCompare並且Intl.Collator可以支援。

2. 如何在 React 中使用 Props — 我們三年前第一次連結到這個，但 Robin 一直在將他的帖子更新為現代標準，所以它現在仍然是一個很棒的資源，並且包含了面向 props 的示例。

3. 幫助您編寫非同步 JS 程式碼的 14 條Linting 規則 - 瀏覽 ESLint 預設附帶的各種規則 — 一種學習一些最佳實踐的有趣方式。

4. Next.js 的新中介軟體功能的內容、時間、原因和方式 - 瞭解 Next.js 12.0 中的新 beta 功能：中介軟體。

5. Conquering JavaScript Hydration - Hydration在許多基於 JS 的網站生成器中發揮著重要作用，但有時可能是效能瓶頸。本文是概念性的，但深入探討了新框架重新思考事物的一些方式。

框架釋出

1. Preact 10.7.0 – 小巧、快速的 React 替代品。
2. wavesurfer 6.1.0 - 可導航的音訊視覺化。
3. Vite 2.9.0 – 下一代前端工具。
4. D3 7.4.0 – 資料驅動的文件庫。
5. React Testing Library 13 - 新增 React 18 支援。
6. MIDIVal 0.0.16 – MIDI 訊息庫現在支援 MIDI 時鐘。
7. ioredis 5 - 高效能 Node.js Redis 客戶端。

程式碼和工具

1. Visual Studio Code 2022 年 3 月釋出：VS Code 每月都會更新，但對於 JavaScript 開發人員來說，這感覺像是更大的更新之一。本機本地歷史支援是主要功能，但 JS 偵錯程式現在允許您收集和視覺化堆配置檔案以密切關注記憶體分配。我們現在還可以在 HTML 檔案中突出顯示 JS。

2. https://a11y-dialog.netlify.app/： 現在在很多情況下都可以用元素替換 JS 對話方塊<dialog>，但這並不總是需要的。這是一個很好的實現——演示。

3. PLV8 3.1：將 V8 引擎引入 PostgreSQL 資料庫：Postgres 是一個非常流行且可擴充套件的關聯式資料庫，能夠用 JavaScript 而不是 PL/pgSQL 編寫過程可能會吸引您。

4. Hackathon Starter: A Boilerplate for Node Web Apps ：當您可能想快速開始構建 Node 應用程式時，包括 auth/OAuth、Bootstrap 5、帳戶管理、電子郵件表單等關鍵功能。

5. Encoding.js 2.0：轉換或檢測 (.jp) 字元編碼：專門用於支援日文字元的編碼，包括 Shift_JIS、EUC-JP 和 UTF-8/16。

6. ts-audio 0.7.0：AudioContext 和播放音訊播放列表的簡單 API —這是一個演示。