跳至主要內容

Svelte 最新消息：2024 年 3 月

Svelte 5 支援巢狀 CSS 以及更簡潔的客戶端 API

Dani Sandoval

這個月，Svelte 維護者在 Svelte 5 上取得了巨大進展，Rich Harris 也和 Prismic 談論了團隊如何讓這個框架變得更好。

也有很多值得展示的東西...所以讓我們深入了解一下！

Svelte 最新消息

您可能已經聽說過，Svelte 5 正在預覽中。同時，Svelte 4 (@latest) 已經進行了一個錯誤修復。不過，Svelte 5 的更新日誌有不少更新

  • 重大變更：$derived.call 現在是 $derived.by (5.0.0-next.54，文件，#10445)
  • 解構衍生物件屬性現在將保持細粒度的反應性 (5.0.0-next.55，文件，#10488)
  • 新的 hydrate 方法使與 hydration 相關的程式碼可以進行 tree shaking (5.0.0-next.56，文件，#10497)
  • 現在支援巢狀 CSS，並更好地支援 :is(...) 和 :where(...) (5.0.0-next.57，#10490)
  • 重大變更：透過移除 createRoot、調整 mount / hydrate API 並引入 unmount，簡化了客戶端 API (5.0.0-next.58，Issue#9827，#10516)

如需讓 Svelte 5 準備好發布所需的所有錯誤修復、雜項和底層工作，請查看主分支上的更新日誌。

SvelteKit 最新消息

這個月主要是錯誤修復。最值得注意的是修復了防止導航後出現過時值的問題 (2.5.1，#11870)。

适配器現在也可以使用 emulate 函式來提供開發和預覽功能 (2.5.0，文件，#11730)。這將在不久的將來改善 Cloudflare 的開發體驗 (11732)。

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

社群展示

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

  • Wishgram 是一個生成手寫賀卡的工具
  • rfidify 是一個 Raspberry PI RFID 讀卡機，可以在 Spotify 上播放音樂
  • listn.fyi 是一個有趣且簡單的方式來分享你目前正在收聽的音樂
  • Meowrite 是一個用於撰寫求職信、論文等的 AI 寫作工具
  • Photo Multitool 是一組免費的線上圖片處理工具
  • sveltekit-weather-app 是一個使用 SvelteKit 製作的精美天氣應用程式

學習資源

Svelte 貢獻者和大使的精選

本週 Svelte：

閱讀/觀看

程式庫、工具和元件

  • PaneForge 提供了易於在 Svelte 應用程式中建立可調整大小的窗格的元件
  • Svelte UX 和 LayerChart 現在透過語義和狀態類別包含主題支援
  • Huly Platform 是一個強大的框架，旨在加速 CRM 系統等商業應用程式的開發
  • svelte-marquee 是一個適用於 Svelte 的美觀跑馬燈元件
  • Just Ship 是一個適用於 Svelte 5 的 SvelteKit 驗證樣板
  • cells 是一個適用於 Svelte 的函數式和反應式程式庫
  • Svelte Headless 是一個範例網站，展示如何建立一個簡單的部落格網站，並插入到 headless CMS 中
  • Sugar.css 是一個語義化、可存取且輕量級的 CSS 框架
  • apple-svelte 是一個基於 Apple 的人機介面設計語言的 Svelte 元件程式庫
  • SvelteKit SSE 提供了一種簡單的方式來產生和使用伺服器傳送事件。
  • Formsnap 是一個適用於 sveltekit-superforms 的可存取包裝函式，進行了重大重寫並改進了其文件

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

下個月見 👋