跳至主要內容

Svelte 最新消息：2023 年 9 月

SvelteKit 的 redirect 中新增參數，以及 onNavigate 生命週期函式正式啟用

Dani Sandoval

各位九月快樂！隨著Svelte 5 即將推出的預告，我們認為最好回顧一下上個月的進展，看看有哪些新功能已發佈，以及社群正在用 Svelte 建構哪些東西。

在我們開始之前，熱烈歡迎新的 Svelte 大使：@cainux 和 @grischaerbe！歡迎加入團隊 ⛴️

Svelte 和語言工具的新功能

  • svelteHTML 已從 language-tools 移動到 Svelte 核心，因此 svelte/element 類型現在可以正確載入（Svelte 中的 4.2.0 版本，Language Tools 中的 107.10.0 版本）

SvelteKit 的新功能

  • URL 現在可在 redirect 函式中使用 (1.23.0，文件，#10570)
  • 輸入錯誤的路由檔名現在會拋出警告 (1.23.0，#10558)
  • 新的 onNavigate 生命週期函式啟用視圖轉換 - 請查看部落格文章以獲取更多資訊 (1.24.0，文件，#9605)

但這只是新功能！如需本月所有修補程式和效能更新，請查看SvelteKit CHANGELOG。您也可以在每個adapter 目錄中找到特定於 adapter 的 CHANGELOG。

社群展示

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

  • Planet Of The Bugs 允許開發人員透過接觸來自 Github 上熱門開放原始碼專案的大量獨特、精心策劃的問題和錯誤，來練習和磨練他們的技能
  • 踩地雷 是一款使用 SvelteKit、Capacitor、TailwindCSS 和 DaisyUI 建構的 Android 遊戲（在 Google Play 商店上查看）
  • Pendor 是適用於 Svelte 的 AI 元件產生器
  • Avatars Pro 是一個為網路製作的社群證明小工具
  • Pomodoro Focus 是一個番茄鐘計時器瀏覽器擴充功能
  • memegen 是一個 Firefox 網路擴充功能，允許使用者使用各種範本產生迷因
  • Resgen 是一個 Chrome 擴充功能，可根據職位描述和您的經驗量身訂製履歷
  • Icono Search 是一個由 AI 驅動的影片搜尋引擎
  • digital-paper 是一個沒有退格鍵或復原功能的寫作應用程式
  • Svelte 中的 Ubuntu 22.04 旨在在網路上複製 Ubuntu 22.04 的桌面體驗
  • My Queue 將書面文章轉換為有聲故事，建立一個播放列表

學習資源

Svelte 貢獻者和大使精選

觀看

閱讀

程式庫、工具和元件

  • Carta 是一個輕量級、快速且可擴充的 Svelte Markdown 編輯器和檢視器，基於 Marked
  • 基於 Svelte 和 Three.js 建構的 3D 框架 Threlte 已發布第 6 版
  • vite-plugin-web-extension 與 Svelte 搭配使用效果良好，可讓建構瀏覽器擴充功能更容易
  • Salvia-kit Svelte 儀表板包含 10 個免費的 SvelteKit 儀表板範本
  • drab 是一個無樣式的 Svelte 元件庫
  • svelte-img-previewer 是一個用於在 Svelte 中顯示來自輸入檔案類型的影像的工具
  • sveltekit-search-params 自稱是在 SvelteKit 中讀取和寫入查詢搜尋參數的最快方式

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

下次見 👋