跳至主要內容

Svelte 最新消息：2023 年 2 月

小版本更新，大大的滿足

Dani Sandoval

自上個月以來，我們看到了 Svelte 和 SvelteKit 的幾個小版本更新、許多支援 1.0 版本發佈的教育內容，以及 State of JS 調查結果...

Svelte 的滿意度和興趣再次提高，感謝所有投票的人！

讓我們深入了解更新內容...

SvelteKit 最新消息

本月 Svelte 生態系統的工作重點在於 SvelteKit 的錯誤修復以及解決 1.0 版本發佈後的回饋。其中一個較受期待的 SvelteKit 基礎路徑支援的錯誤修復已完成，這表示您現在可以在遠端開發環境中建立 SvelteKit 專案。有幾個 新版本包含這些修復以及一些新功能，例如：

  • 在逐步增強時，提交者的值現在將會自動包含
    (1.0.3, #8273)
  • 如果全域 fetch 與相對 URL 一起使用，則會在開發模式中新增錯誤 (1.0.8, #8370)
  • 如果從 HTML 中移除註解，現在會發出警告，表示 hydration 可能會中斷 (1.0.11, #8423)
  • 當在 .svelte 檔案中使用頁面選項，或在版面配置中偵測到遺失的 <slot /> 時，將會發出警告 (1.1.0, #8475)
  • 新的 text(...) 輔助函式讓產生文字回應變得容易 (1.2.0, #8371)
  • 現在可以在 app.html 中存取公用環境變數 (1.2.0, 文件, #8449)
  • 如果 cookie 超出大小限制，現在將會拋出錯誤 (1.2.1, #8591)
  • 現在可以修改產生的 tsconfig (1.3.0, #8606)

Svelte 和語言工具的最新消息

  • 新增對 VS Code HTML 語言服務的 html.customData 支援 (extensions-107.0.0, #1824)
  • Svelte 擴充功能新增了需要匯入的 store 的自動完成功能 (#1823) 和物件/類別成員程式碼片段 (#1817) (extensions-107.0.0)
  • 改進了對同時也是函式的 Promise 的偵測 (Svelte 3.55.1, #8162)
  • 分別為全域 part 屬性和 on:submit 新增遺失的類型和屬性 (Svelte 3.55.1, #8181)
  • 許多效能和錯誤修復 (Svelte 3.55.1* 和 extensions-107.0.x)

*如需 Svelte 編譯器的所有變更，包含未發佈的變更，請查看 CHANGELOG。

社群展示

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

  • Titowest.com 是作家兼攝影師 Tito West 的一系列攝影作品
  • Verve 是一個輕量且極快的啟動器，用於存取和開啟應用程式、檔案和文件
  • 環遊世界 是 Andrew Carnegie 旅行的互動指南
  • 線性迴歸 是一篇互動式部落格文章，以視覺方式介紹您應該知道的關於線性迴歸的一切（幾乎）
  • Flotes 是一個免費的筆記應用程式，具備加強的抽認卡功能
  • nomie 是一個適用於注意力短暫的每日日記
  • nocode.gallery 是使用無程式碼工具建立的令人驚嘆的網站集合
  • Whom to Follow 透過搜尋您已追蹤的帳戶網路，協助您找到您會喜歡的帳戶
  • poker-simulator 是一個撲克模擬和評估工具
  • Pixelicious 將您的圖片轉換為像素藝術
  • Apple Music 現在使用 Svelte 建置 (證明)

學習資源

Svelte 貢獻者和大使特輯

觀看或收聽

閱讀

函式庫、工具和元件

  • Sveltepress 是一個簡單、易於使用、以內容為中心的網站建置工具，具有 SvelteKit 的完整功能
  • Svelte Form Helper 是用於 Svelte 表單驗證的輕量級輔助函式
  • Dapper UI 是一個適用於 Svelte 的時尚現代 UI 元件函式庫，提供完整的 TypeScript 支援和廣泛的文件
  • TeilUI 是一種使用 Svelte 建置設計系統的更好方法
  • Neodrag 是一個支援 SSR 的多框架可拖曳函式庫
  • Svelvet 是 Svelte 的 UI 函式庫，現在已更新至 5.0 (在此處閱讀更多 資訊)
  • Svelte Inview 是一個 Svelte 動作，可監控元素進入或離開視埠/父元素
  • html2svelte 可讓您輕鬆地將 HTML 快速轉換為 Svelte 元件

感謝您的閱讀！如果您在 Reddit 或 Discord 上錯過了任何內容，請隨時告知我們