前端週刊第三十九期

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

大事件

• Intl Explorer：一種學習和試驗 ECMAScript 國際化 API 的方法—— 所有主流瀏覽器都支援 Intl 物件，它提供對 ECMAScript 國際化 API 的存取，這是一套用於語言敏感字串比較、數位格式化等的函數。該站點提供了一種互動式方式來了解其運作方式。

• 使用 V8 建立您自己的 JavaScript 執行時—— 想要通過建立自己的 JS 執行時加入到因建立 Node、Deno 和 Bun 等而聞名和受人尊敬的開發人員的萬神殿中嗎？埃裡克帶我們深入瞭解主要的活動部分，並向我們展示瞭如何為自己將它們聯絡在一起。雖然你可能不會為自己構建下一個 Deno 或 Bun，但這裡有很多關於 JS 執行時的知識。

• Node v18.11.0（當前）釋出；獲得「觀察模式」—— Node 的最新版本並沒有獲得太多收益，但確實獲得了一個實驗性的 --watch 功能，該功能可以在匯入的檔案發生更改時自動重新啟動正在執行的程序（讓人想起 nodemon）——這個功能最近被詳細討論過。

• Lerna Reborn：第 6 版有什麼新功能？ —— 在 Nrwl 的管理下，面向 Lerna monorepo 的 JavaScript 構建系統遠沒有被淘汰或被棄用，它正在向前邁進一大步。 v6 在預設情況下通過高效的任務排程和快取、VS Code 擴充套件、Prettier 支援等獲得了很大的速度。

文章

1. React 渲染的未來 — 首先回顧當前模式 (CSR/SSR)，然後轉向一些新的渲染模式，例如流式 SSR 和伺服器元件。這也是最近在 React Bangalore 演講的基礎。

2. 選擇最好的 Node.js Docker 映象 — 如果你想把 FROM 節點扔到你的 Dockerfile 中，再想一想——還有其他選擇需要考慮。

3. 為什麼我們在 2022 年使用 Babylon.js 而不是 Three.js — Blender 外掛、微軟的支援以及 Babylon 相當先進的檢查器工具都贏得了 Gordon 的團隊的支援。

4. 我如何在 13KB 中建立 GameBoy 風格的遊戲 — 一位開發人員解釋了他的 js13KGames 2022 條目（我們上週連結到了獲勝者）。

5. 面向前端開發人員的全棧：構建您的第一個 AWS Amplify 和 React 應用程式 — Ali Spittel 在 AWS Amplify 領導開發宣傳，並行布了一系列關於使用 Amplify 平臺進行端到端開發的免費課程中的第一個。

6. 如何使用 React、SSR 和 Tailwind CSS 構建 SVG 折線圖 — 如何在基於 Next.js 或 Gatsby 的伺服器端渲染的 React 應用程式中捲動您自己的基於 SVG 的折線圖。

框架釋出

1. Volar 1.0 – Vue.js 的官方 IDE 工具支援。

2. Ant Design 5.0 Alpha – 流行的 React UI 庫。

3. Rollup 3.1 – ES 模組捆綁器。

4. RxDB 13.5 – JS 應用程式的離線優先反應式資料庫。

5. Qwik 0.11 - 'No hydration'，HTML 優先的框架。

6. Jest 29.2 & Cypress 10.10 – 測試框架。

7. SlickGrid 3.0
   ↳ 快速 JavaScript 網格/電子試算表控制元件。 （演示。）

8. Faker 7.6 – 假資料生成庫。

9. React Tooltip 4.4 – 你可以猜到它的作用。

10. Mineflayer 4.5 – 用 JS 構建 Minecraft 機器人。

11. CsvToMarkdownTable 1.2 - 將 CSV 轉換為 Markdown 表。

程式碼和工具

1. Javet 2.0.0：在 Java 應用程式中嵌入 Node 和 V8：讓您在基於 JVM 的應用程式中啟動 V8 直譯器或完整的 Node.js 執行時。有一個幻燈片演示可以向您介紹這個想法並演示整合的工作原理。 Javet 這個名字來自「Java、V 和八」。

2. Knip：在 TypeScript 專案中查詢未使用的檔案、依賴項和匯出：Knip 在荷蘭語中意為「剪下」，適用於修剪掉專案中未使用的東西的工具。為了將其與現有的類似工具進行比較，有這張方便的圖表。

3. Editly 0.14.0：宣告性命令列視訊編輯：將 Node 和 FFmpeg 結合在一起，讓您以程式設計方式編輯和構建視訊，而不是使用神祕的 ffmpeg 命令列選項。

4. 可排序：使用拖放建立和重新排序列表：該庫支援所有現代瀏覽器和觸控裝置，通過自動捲動、CSS 動畫、多拖動支援等處理列表到列表的拖動。

5. React 表庫：「幾乎無頭」表庫：有一個有趣的展示網站展示你可以用它做什麼。它在使用者端和伺服器端都很滿意，並且也支援 TypeScript。

6. melonJS 14.0：一個輕量級的 2D 遊戲引擎：它已經有十多年的歷史了，但仍然很強大。雖然它是 2D 的，但它會使用 WebGL 來提高效能（如果可用）。還提供 Web Audio API 支援、基於多邊形的碰撞檢測、輸入裝置支援等。

7. React Modern Audio Player：具有波形視覺化功能的音訊播放器：在此處檢視實際操作。