前端週刊發表每週前端技術相關的大事件、文章教程、一些框架的版本更新、以及程式碼和工具。每週定期發表，歡迎大家關注、轉載。
如果外鏈不能訪問，關注公眾號「前端每週看」，裡面有解決辦法
大事件
Vite 3.0 釋出—— 關注了很多JavaScript 社群和開發人員， Vite是一個與 Vue.js 同源的前端開發和構建工具，似乎受到了一致的高度評價，並被 Nuxt、SvelteKit 等各種專案使用，Astro，甚至是 PHP 的 Laravel。有關的：
❝❞
為什麼 Replit 從 webpack 切換到 Vite。 ▶ ️ Fireship 100 秒解說 Vite 。 ▶️ Evan 本人對 Vite 的 13 分鐘介紹。 Ladle - Vite 支援的 React 元件開發工具和 Storybook 替代品。 Fastify DX – 基於 Fastify 和 Vite 的正在進行中的全棧框架。
Node-RED 3.0 釋出——Node-RED是一種流行的基於 Node.js 的低程式碼/無程式碼程式設計環境，在物聯網領域大量使用（儘管不是唯一的）。v3.0 需要 Node 14+ 幷包含許多 UI/DX 增強功能。如果視覺上將邏輯元件連線在一起的想法對您有吸引力，那麼值得一試。
文章
語句與表示式 — 如果你被要求描述JavaScript 中語句和表示式之間的區別，你會有一個好的答案嗎？如果您不完全確定，這是對所涉及內容的一個很好的複習。
測試 Bun 的速度和與 Node.js 的相容性 — David 決定讓Bun測試一下，看看它在現實世界的應用程式與 Node.js 之間的表現如何。毫不奇怪，對於具有現實世界壓力（檔案系統、網路等）的應用程式而言，效能差異很小，但它的無縫執行給他留下了深刻的印象。
在 React 中應用 SOLID 原則 — 所謂的SOLID物件導向設計原則已經經受住了時間的考驗——它們由 Robert Martin 在 2000 年首次引入。儘管此後發生了很大變化，但它們仍然有效並且在應用於 React 時可能很有價值應用。
Getting Started with Vue Composables — 當您想要提取有狀態功能以跨元件重用時。
An Introduction to Functional Programming in JS — 對“程式設計正規化的大鬍子時髦人士”的輕鬆但有用的介紹。非常適合初學者。
“我在 Excel 中製作了一個角色扮演遊戲” — 我們已經提到了這個人過去在建立使用 PowerPoint和Word的 JavaScript 遊戲方面的實驗——他回來了，現在使用電子表格作為畫布。
框架釋出
Ember 4.5 – 高效、久經考驗的框架。 Preact 10.10 – 快速 3KB React 替代方案。 pkg 5.8 – 將 Node 應用程式打包成可執行檔案。 React Big Calendar 1.4 - 谷歌日曆式元件。 AdminJS 6.0 – Node.js 管理皮膚系統。 Commander.js 9.4 – Node.js CLI 應用程式庫。 eruda 2.5 – 移動瀏覽器的 Web 控制檯。 Tedious 15.0 – 用於連線 SQL Server 的 TDS 模組。 mux.js 6.2 – 檢查視訊容器格式的實用程式。
程式碼和工具
新增到日曆按鈕：新增一種讓使用者“新增到日曆”的快捷方式： 該按鈕已預先設定樣式，並下拉顯示各種日曆的選項 - Apple、GCal、iCal、Microsoft 365、Outlook..
Luxon 3.0：用於處理日期和時間的庫：如果你熟悉 Moment.js 之類的東西，它就是這樣，但它具有不可變物件、1 索引月份、支援Intl本地化（因此不需要語言環境或時區檔案！）和更多的。
NestJS v9 釋出：Nest是一個基於 TypeScript 的伺服器端框架，當你需要一個比直接 Express 更充實和完整的平臺來工作（或獲得支援）時，比如說。v9 引入了方便的 REPL、可配置的模組構建器、持久提供程式等。
連結預覽 JS：獲取有關目標頁面的資訊：使用 Facebook 和 Twitter 等人在顯示連結預覽時使用的 OpenGraph 後設資料。