Svelte 最新消息：2024 年 5 月

Svelte Summit 上週剛結束，其中包含來自社群的許多精彩演講。在最後一場演講中，《你為你的框架能做些什麼》（What You Can Do For Your Framework），Rich Harris （在 PuruVJ 的 neoconfetti 函式庫的少量協助下）宣布 Svelte 5 現在已進入「候選版本」階段。

這篇文章中將涵蓋許多預先發布的變更，以及許多社群展示項目…讓我們深入探討吧！

Svelte Summit Spring 2024 的重點

下方你會找到 Svelte Summit 直播版本中所有演講的連結。

• 在學術圖書館中使用 Svelte 進行簡單且永續的網頁開發
• 為 SvelteKit 建構 SaaS 模組
• LayerChart 簡介
• 使用 Threlte Studio 進行空間程式設計
• Convex (贊助演講)
• Kitbook：輕鬆建立、記錄、檢查與測試 Svelte 元件
• 全堆疊測試
• 你為你的框架能做些什麼 - 也涵蓋了下方列出的許多新功能

這些影片會隨著時間被分解成更易於分享（和重看）的影片，所以請務必訂閱 Svelte Society YouTube 頻道，以保持最新消息。

Svelte 的新功能

Svelte 5 正式進入候選版本階段，而且每天都離發布更近一步。下方你會找到一些來自其預先發布版本的變更日誌重點

• Svelte 5 現在支援熱模組重載（5.0.0-next.97 和 101，#11106，#11132）
• 現在可以在區塊中定義全域（或子全域）樣式（5.0.0-next.111，#11276）
• 針對 if 區塊、each 區塊和屬性更新，編譯後的程式碼效率更高（5.0.0-next.83-85，#10906、#10937 和 #10917）
• 來自 svelte/reactivity 的內建函式現在重新匯出，可以在伺服器上使用（5.0.0-next.88，文件，#10973）
• 新的反應式 URL 物件現在可以在 svelte/reactivity 中使用（5.0.0-next.103，文件，#11157）
• HTML 標籤現在速度更快，並且具有更有效率的水合標記（5.0.0-next.90-91，#10986 和 #11019）
• 新的 $host 符號會擷取包含元件的自訂元素的 this 參考 - 移除對 createEventDispatcher 的需求（5.0.0-next.96，文件，#11059）

---

社群展示

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

• Collabwriting 剛募得 120 萬美元並推出新產品 - Collabwriting for Teams。恭喜！
• Skypix 是一個音樂庫，讓使用者可以建立播放清單、將歌曲加入自己的音樂庫，並與朋友分享音樂
• Jonze 是一個開源但受管理的工具，用於管理成員資訊。它具有出勤追蹤和會員計畫功能
• midi-note-trainer 是一個使用 Web MIDI 建構的音樂符號訓練器應用程式
• Easy-Rd 是一個免費工具，用於建立基於程式碼的 ER 圖
• Gamera 是一個簡單的網站分析工具，專為注重隱私的世界而設
• Collecta 讓你可以將你的網路收集到單一空間中 - 組織圖片、書籤、靈感，並與朋友分享你的氛圍
• ColdCraft 透過將項目符號和 LinkedIn 個人資料轉換為有效的冷郵件來為你寫作
• Fourplay 是一個使用 Rust 和 Svelte 編寫的多人文字遊戲
• how-long-is-a-click 是一個測量網頁上點擊確切時長的網站

學習資源

以 Svelte 貢獻者和大使為特色

• 預處理器是 Svelte 最強大的功能，但沒有人談論、如何製作自訂 Markdoc 渲染器 和 一行程式碼中的響應式 CSS Grid 佈局，由 JoyOfCode 製作
• Phoenix LiveView 和 Svelte 與 Wout De Puysseleir，由 Svelte Radio 製作
• Svelte London - 2024 年 4 月
  • SvelteKit 中的驗證，困難和容易的方法，由 Ajit Krishna 製作
  • 我的 SvelteKit 專案在烈火中行走的 3 個故事，由 Rowan Aldean 製作
• 本週 Svelte 最新消息
  • 3 月 29 日 - Superforms
  • 4 月 5 日 - 何時使用無伺服器？
  • 4 月 12 日 - svelte-api-keys 與 Captain Codeman
  • 4 月 19 日 - 多重動作表單
  • 4 月 26 日 - Service Workers

閱讀

• LiveView 與 Svelte 搭配效果最佳，由 Anthony Accomazzo 撰寫
• 最佳化我的 SvelteKit 部落格，由 refac0r 撰寫
• 為什麼 Lucia 可能是 SvelteKit 最佳的身份驗證函式庫，由 Justin Ahinon 撰寫
• 使用 Docker 和 Node.js 部署 Svelte 應用程式：開發人員指南，由 Klevert Opee 撰寫
• 具有 Firebase Admin 的 SvelteKit Todo 應用程式，由 Jonathan Gamble 撰寫
• Svelte 中的依賴注入，兼具樂趣和收益，由 Kyle Nazario 撰寫
• 不要延遲載入翻譯，由 Loris Sigrist 撰寫
• SvelteKit 中的檢視轉換，由 Mattias Tomas Bobo Lindvall 撰寫
• 為什麼 Svelte 更好？，由 Zack Webster 撰寫
• 在 Storybook 中模擬 SvelteKit 儲存，由 Tyler Gaw 撰寫
• 將 SvelteKit 部署到 AWS Amplify：逐步指南，由 Rishi Raj Jain 撰寫
• SvelteKit 和 Stripe 示範，由 the spatula 製作
• SvelteKit Turso Fly.io 應用程式指南，由 Scott Spence 撰寫

觀看

• 使用 SvelteKit、GSAP 和 Prismic 建構動畫網站，由 Prismic 製作
• Svelte 5：新功能，由 Simon Holthausen 製作
• 使用 SvelteKit、PocketBase 和 TailwindCSS 建構終極學習平台！ 和 讓我們使用 Svelte 5、Sveltekit 2、Tailwind、Upstash 建構一個篩選系統，由 Lawal Adebola 製作
• 將原生 JavaScript 函式庫移植到 Svelte 5，由 Stanislav Khromov 製作

函式庫、工具與元件

• sk-seo 是一個非常簡單、沒有依賴項的 svelte 元件，它可以自動執行許多煩人的 SEO 部分
• Svelte Lib Helpers 是一個實用程式套件，旨在簡化開發 Svelte 函式庫時的各種任務
• skitsa 是一個簡單但功能完整的 SvelteKit 魔術連結操作示範，使用 SST，託管在 AWS 上，作為 Lambda 應用程式
• svelte-zoomable-circles 是一個 Svelte 元件，用於顯示和瀏覽使用可縮放圓圈的分層資料

這就是這個月的全部內容！如果您在 Reddit 或 Discord 上發現我們遺漏了任何內容，請隨時告訴我們。

下個月見 👋