Svelte 最新消息：2021 年 9 月

這個月，Svelte 被票選為 StackOverflow 最受喜愛的 Web 框架，Tan Li Hau 在 Svelte Radio 的訪談中談論了他的 Svelte 系列 YouTube 頻道，而且 SvelteKit 在邁向 1.0 發布的路上取得了更多進展！

Svelte 新功能

• use:actions 現在可以用在 <svelte:body> 上 (3.42.0)
• HTMLElement、SVGElement (3.42.2) 和 BigInt (3.42.3) 現在是已知的全域變數
• 由於 3.42.2 中的以下改進，Svelte 的輸出程式碼減少了
  • 空白現在會在 class 和 style 屬性中被摺疊
  • 已啟動的元件已更新為僅依賴輔助函式來建立元件中存在的元素類型
• 縮放現在已納入 flip 動畫中 (3.42.2)
• 當綁定的值與任何 <option> 不匹配時，<select> 中的所有 <option> 現在都會被取消選取 (3.42.2)

如需完整的功能和錯誤修正清單，請查看 Svelte 更新日誌。

SvelteKit 更新

Svelte 維護人員正在尋求協助，以使 SvelteKit 達到 1.0 版本。我們已經解決了 1.0 里程碑上的 100 多個問題。只剩下幾個問題，我們很樂意有人協助縮短這個清單！

如果您想提供協助，請考慮處理任何 1.0 里程碑問題。

這個月的主要重點是繼續解決任何問題，已合併超過 100 個 PR。也有一些新功能加入...

• SvelteKit 現在會偵測預先渲染的應用程式是否嘗試存取查詢參數，並返回錯誤而不是無聲地失敗 (#2104)
• adapter-node 現在可讓您將 Kit 中介軟體新增至您自己的伺服器，以便與其他中介軟體搭配使用。您也可以在開發模式中新增中介軟體，並將在這個領域進行更多改進
• 新的 sequence 輔助函式可讓您將多個 handle 呼叫鏈接在一起
• 新的 handleError hook 可讓您選擇將資料傳送至錯誤追蹤服務，或在將錯誤列印到主控台之前自訂格式。
• adapter-node 現在可以監聽 socket 路徑 (#2048)

如需查看 SvelteKit 的所有更新，請查看 SvelteKit 更新日誌。

---

社群展示

應用程式與網站

• @puruvjdev 的 macos-web 已從頭開始使用 Svelte 重建。請查看此 Twitter 執行緒中的所有詳細資訊
• Brave Search 正在使用 Svelte
• exatorrent 是一個自託管、易於使用、輕量且功能豐富的 Torrent 客戶端，以 Go 和 Svelte 撰寫
• json2TsTypes 是一個簡單的工具，可將您的 JSON 轉換為 TypeScript 類型/介面
• Histogram.dev 會為 CSV 中的每個功能產生直方圖
• cybernetic.dev 是一個資料中心 UI 實驗集合，在學習 Svelte 時製作
• LunaNotes 是一個 Chrome 擴充功能，可協助您記下 YouTube 影片筆記
• theia.games 的內建 3D 環境編輯器可讓您建立 VR 世界，其中包含以 Svelte 建構的選單
• Ferrum 是一個音樂庫和播放器，適用於 Mac、Windows 或 Linux
• Fluid Earth 是一個互動式 WebGL 應用程式，用於視覺化地球的大氣層和海洋

正在尋找可以使用的 Svelte 專案嗎？有興趣協助使 Svelte 在網路上的呈現更加完善嗎？如果您想為 SvelteKit 中的 Svelte Society 重寫做出貢獻，請查看開放問題清單。

教育內容

• Tauri with Standard Svelte or SvelteKit 逐步說明如何設定 Svelte 與 Tauri，Tauri 是一個用於開發跨平台混合式桌面應用程式的新輕量級框架
• Svelte - 重新構想 Web 應用程式開發 [Svelte 簡介] 是來自 goto; 會議的精彩簡介演講
• LevelUpTuts - 比 React 更喜歡 Svelte 的更多 5 個優點 強調 Svelte 的 refs 方法 (不需要它們)、meta 標籤等等
• Svelte 應用程式中的狀態管理 是一篇教學文章，介紹如何使用 Svelte 狀態管理 store 來管理 Svelte 應用程式中的狀態
• 從 Sapper 遷移到 SvelteKit 是 ShipBit 從 Sapper 遷移的回顧與回顧

程式庫、工具與元件

• svelte-stripe-js 是您將 Stripe 新增至 Svelte 專案所需的一切。100% 與 SvelteKit 相容
• svelte-steps 是以 Svelte 撰寫的可自訂步驟元件
• simple-optics-module 是一個線上開放原始碼光學工具，用於實驗和教授幾何光學
• inlang 是一個用於 SvelteKit 應用程式的國際化 (i18n) 工具
• Sveno 是一個元件轉譯器，可將 React 元件轉換為 Svelte 元件
• svelte-useactions 是一個完全類型化的程式庫，用於將動作傳遞至元件
• Svelte-Element-Query 是一個用於元素查詢的 322b 程式庫/動作
• svelte-meta-tags 是一個外掛程式，可讓 Svelte 專案中的 SEO 管理更輕鬆
• svelte-domtree 可讓您視覺化 DOM，類似於 Chrome DevTools 中的 DOM 樹狀結構
• Diffx 是一個跨框架狀態管理程式庫，剛剛新增了 Svelte 支援
• svelte-ionic-starter 是一個 Svelte + Ionic + CapacitorJS 應用程式的專案範本，具有即時重新載入和 iOS/Android 建置目標
• demo-sveltekit-sanity 是 SvelteKit 和 Sanity 的入門套件，Sanity 是一個開放原始碼 React CMS

請查看社群網站 sveltesociety.dev，以取得來自整個 Svelte 生態系統的更多範本、新增程式和適配器。

下個月見！

想知道更多更新嗎？在 Reddit 或 Discord 上加入我們！