前端週刊第二十八期

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

大事件

• Vite 3.0 釋出—— 關注了很多JavaScript 社群和開發人員， Vite是一個與 Vue.js 同源的前端開發和構建工具，似乎受到了一致的高度評價，並被 Nuxt、SvelteKit 等各種專案使用，Astro，甚至是 PHP 的 Laravel。有關的：

❝

1. 為什麼 Replit 從 webpack 切換到 Vite。
2. ▶ ️ Fireship 100 秒解說 Vite 。
3. ▶️ Evan 本人對 Vite 的 13 分鐘介紹。
4. Ladle - Vite 支援的 React 元件開發工具和 Storybook 替代品。
5. Fastify DX – 基於 Fastify 和 Vite 的正在進行中的全棧框架。

❞

• Node-RED 3.0 釋出——Node-RED是一種流行的基於 Node.js 的低程式碼/無程式碼程式設計環境，在物聯網領域大量使用（儘管不是唯一的）。v3.0 需要 Node 14+ 幷包含許多 UI/DX 增強功能。如果視覺上將邏輯元件連線在一起的想法對您有吸引力，那麼值得一試。

文章

1. 語句與表示式 — 如果你被要求描述JavaScript 中語句和表示式之間的區別，你會有一個好的答案嗎？如果您不完全確定，這是對所涉及內容的一個很好的複習。

2. 測試 Bun 的速度和與 Node.js 的相容性 — David 決定讓Bun測試一下，看看它在現實世界的應用程式與 Node.js 之間的表現如何。毫不奇怪，對於具有現實世界壓力（檔案系統、網路等）的應用程式而言，效能差異很小，但它的無縫執行給他留下了深刻的印象。

3. 在 React 中應用 SOLID 原則 — 所謂的SOLID物件導向設計原則已經經受住了時間的考驗——它們由 Robert Martin 在 2000 年首次引入。儘管此後發生了很大變化，但它們仍然有效並且在應用於 React 時可能很有價值應用。

4. Getting Started with Vue Composables — 當您想要提取有狀態功能以跨元件重用時。

5. An Introduction to Functional Programming in JS — 對「程式設計正規化的大鬍子時髦人士」的輕鬆但有用的介紹。非常適合初學者。

6. 「我在 Excel 中製作了一個角色扮演遊戲」 — 我們已經提到了這個人過去在建立使用 PowerPoint和Word的 JavaScript 遊戲方面的實驗——他回來了，現在使用電子試算表作為畫布。

框架釋出

1. Ember 4.5 – 高效、久經考驗的框架。
2. Preact 10.10 – 快速 3KB React 替代方案。
3. pkg 5.8 – 將 Node 應用程式打包成可執行檔案。
4. React Big Calendar 1.4 - 谷歌日曆式元件。
5. AdminJS 6.0 – Node.js 管理面板系統。
6. Commander.js 9.4 – Node.js CLI 應用程式庫。
7. eruda 2.5 – 移動瀏覽器的 Web 控制檯。
8. Tedious 15.0 – 用於連線 SQL Server 的 TDS 模組。
9. mux.js 6.2 – 檢查視訊容器格式的實用程式。

程式碼和工具

1. 新增到日曆按鈕：新增一種讓使用者「新增到日曆」的快捷方式： 該按鈕已預先設定樣式，並下拉顯示各種日曆的選項 - Apple、GCal、iCal、Microsoft 365、Outlook..

2. Luxon 3.0：用於處理日期和時間的庫：如果你熟悉 Moment.js 之類的東西，它就是這樣，但它具有不可變物件、1 索引月份、支援Intl在地化（因此不需要語言環境或時區檔案！）和更多的。

3. NestJS v9 釋出：Nest是一個基於 TypeScript 的伺服器端框架，當你需要一個比直接 Express 更充實和完整的平臺來工作（或獲得支援）時，比如說。v9 引入了方便的 REPL、可設定的模組構建器、持久提供程式等。

4. 連結預覽 JS：獲取有關目標頁面的資訊：使用 Facebook 和 Twitter 等人在顯示連結預覽時使用的 OpenGraph 後設資料。