前端週刊第二十七期

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

大事件

Bun：一個令人興奮、快速的新 JavaScript 執行時—— 厭倦了 Node？厭倦了德諾？絕不。但新的挑戰者出現了。Bun 面向“瀏覽器之外”用例，圍繞 WebKit 的JavaScriptCore構建，而不是 V8。一些顯著的特點：

❝

包括它自己的捆綁器、轉譯器和任務執行器。
有前途的表現。
已經支援很多 Node 和 Web API。
你可以使用 npm 包。
適用於 macOS（x86 和 Arm）、Linux 或 WSL。
❞

bundlejs: Online npm Package Bundler and Size Checker ——一個線上工具，可以對專案進行 treeshake、捆綁、縮小和壓縮（gzip 和 brotli），並顯示它們的權重。
如何不阻塞瀏覽器：要點——如果您看到文章或工具談論從“主執行緒”中刪除程式碼並想知道為什麼這很重要，那麼這就是您的入門讀物。它涵蓋了事件迴圈、Web Worker、非同步排程以及它們如何發揮作用。

國際象棋引擎：從零到一 — 這是對我認為不會特別有趣的東西的有趣介紹。chessboard.js和chess.js使實驗變得容易。
React 狀態管理的新浪潮 — 無論如何，這不是一篇快速的文章，但提供了一個全面的概述，以及狀態管理世界的一些歷史和觀點以及一些可用的選項。
使用 htmx 和 Hyperscript 重新構想前端 Web 開發 — 有趣的是，開發人員可以選擇不編寫 JavaScript，但仍然可以生成有用的前端。
“我如何使用 Next.js 和 Tailwind 構建軟體代理網站” — 如果您想了解其他開發人員如何以最和平、最優雅的方式工作，這個（相當長的）視訊適合您。
使用 XState 簡化您的全棧應用程式 — 狀態管理是需要一段時間才能真正進入的事情之一，特別是在通常與它們不相關的開發領域，但為了降低系統複雜性，這樣做是值得的（以預先增加更多程式碼為代價）。
如何使用 React 18、Vite 和 Netlify 函式構建、測試和部署 Bookstore 應用程式 — 將各種現代工具彙集到實際目的中，包括在後端使用無伺服器功能的線上應用程式。
Vue 3 中使用 Vuelidate 的簡單表單驗證 — 毫無疑問， Vuelidate是一個驗證庫。

Big Calendar 1.x：一個類似 GCal/Outlook 的 Calendar React 元件：使用 flexbox 來提高響應能力。
PocketBase: A Backend in a Single Binary：一個有趣的專案，可以在許多場景中取代 Firebase。它是用 Go 編寫的，但最終充當前端 JavaScript 應用程式的後端。它使用 SQLite，您還可以獲得一個內建的管理儀表板，其中包含檔案和使用者管理。
ProtoScript：Protocol Buffers 執行時和程式碼生成工具：執行時比 Google 的要小很多，並且程式碼生成器生成慣用的 JavaScript，並帶有 JSON（反）序列化器和 TSDoc 註釋。
Deprank：使用 PageRank 查詢程式碼庫中的重要檔案：PageRank是一種通常與 Google 過去如何對網頁進行排名相關的演算法，但這個想法可以適用於在任何型別的連結專案集中對事物進行排名，如此處所示。
tsParticles：用於頁面的粒子、五彩紙屑和煙花：建立可自定義的粒子相關效果以在 Web 上使用。使用常規 2D 畫布獲得廣泛支援。
Amplify UI for React 現已全面推出： Amplify是一種將各種 AWS 服務捆綁在一起的子平臺，使它們更易於用於前端和移動專案。其中一部分是Amplify UI，一個直接連線到 AWS 雲的 React 元件的集合（可以使用 Vue 和 Angular 變體）。
Wayne：它就像 Express.js，但在 Service Worker 內部：具體來說，它是一個在 Service Worker 內部使用的路由庫。