Svelte 2024 年 6 月新訊

維護人員一直努力準備 Svelte 5 候選版本 的發布。在本月的電子報中，您會發現來自預發布 變更日誌 的重點，以及我們社群展示中的許多項目。

讓我們深入了解！

Svelte 的新功能

• 現在在 runes 模式下不允許在元件匯出上使用 bind:，並且具有更好的類型，可以判斷 prop 是否為 $bindable（5.0.0-next.113、114 和 125，文件，#11238，#11225 和 #11498）
• migrate 工具的大量工作，使遷移到 Svelte 5 語法更容易（5.0.0-next.116、136 和 137，文件，#11334，#11659，#11704）
• 現在支援 MathML（5.0.0-next.120，文件，#11387）
• 現在支援 Svelte Inspector（5.0.0-next.125，文件，#11514）
• $state.is rune 可讓您比較值或檢查物件是否存在於深度反應物件/陣列中（5.0.0-next.134，文件，#11613）
• rootDir 編譯器選項使檔案名稱具有相對性，以簡化 monorepo 或複雜資料夾結構中的開發（5.0.0-next.135，#11627）

---

社群展示

使用 Svelte 建構的應用程式與網站

• Onlook 是一個 Chrome 擴充功能，讓設計師能夠為團隊的 UI 代碼庫做出貢獻
• Fluid Type Generator 是一個使用 Svelte 5 建構的現代流動式字體產生器
• LCH Palette Generator 是一個工具，可讓您輕鬆建立並儲存漸層調色板，以在 UI 設計中使用
• Typepost 是一個用於社群媒體的簡單文字貼文產生器
• Equimake 是一個協作式即時 3D 平台，適用於學習者、遊戲玩家、藝術家和程式設計師
• svelte.dev-machine 是一個基於物理的動畫，用於複製 svelte.dev 首頁上的 Svelte 機械

學習資源

Svelte 貢獻者和大使專題報導

• Svelte 5：編譯器、訊號和 Web 應用程式效能，由 JSJ 627 與 Rich Harris 共同製作
• Svelte London - 2024 年 5 月
• 本週 Svelte - 深入探討 Svelte 變更日誌和本週的新學習
  • 5 月 3 日
  • 5 月 10 日
  • 5 月 17 日
  • 5 月 24 日

閱讀

• 保護您的 SvelteKit 應用程式 和 防止多個 SvelteKit 伺服器 Hook 依序產生瀑布效應，作者為 Captain Codeman
• 使用 Firebase 的 Svelte 5 Todo 應用程式，作者為 Jonathan Gamble

觀看

• Svelte 5 Runes 解密，由 Peter Makes Websites Ltd 製作
• 如何使用 SvelteKit 建構電子商務商店，由 Crystallize 製作

程式庫、工具和元件

• Floating UI Svelte 是一個用於定位浮動元素和處理互動的程式庫
• Svelte Animated Pixels 提供了一種簡單的方式來建立像素化的畫布動畫，只需宣告像素字串的地圖即可
• SvelteKit Passkey 範本 是一個 SvelteKit 範本專案，具有 Passkey 驗證、Google 登入和信箱驗證功能
• svelte-infinite 是一個為 Svelte 5 設計的無限滾動程式庫，包含 runes
• svelte-next 嘗試自動化 Svelte 程式庫更新

這個月就到這裡了！如果您有遺漏任何內容，請在 Reddit 或 Discord 上告知我們。

下個月再見 👋