Svelte 最新消息：2023 年 10 月
對 Runes 和 SvelteKit +server 回退機制的反應
Svelte 5 尚未正式發布（不過，您可以現在預覽），但這不代表我們不能先睹為快！最值得注意的是 Runes - 一種在 Svelte 程式碼中管理響應式變數的更簡單方法。展示區有很多連結可以更深入了解關於 Runes 的所有資訊，但我們先來談談本月還發布了哪些內容...
Svelte 和語言工具的新功能
- Svelte 4.2.1 版本發布，其中包含對 HTML、CSS 和 sourcemap 編譯的大量修復
- 最新版本的 Svelte 語言工具 增強了「尋找所有參考」命令中的元件參考、修復了重新啟動專案後自動類型持續遺失的問題，並為自動類型增加了回退處理（例如在 SvelteKit 的
+server.js檔案中找到的那些）
SvelteKit 的新功能
以上就是所有的新功能！如果您正在尋找其他修補程式和效能更新，請查看 SvelteKit CHANGELOG。您也可以在 每個 adapter 目錄中找到特定於適配器的 CHANGELOG。
社群展示
Svelte Summit Fall 將於 2023 年 11 月 11 日舉行。第 7 屆虛擬 Svelte 會議的提案徵集將於 10 月 15 日截止 - 任何人都可以提交！
Threlte 正在舉辦黑客松（登陸頁面有動態效果警告 - 它將會尊重「減少動態效果」設定）。啟動活動將於 2023 年 10 月 15 日星期日 16:00 UTC 舉行。
使用 Svelte 構建的應用程式和網站
- game-of-life-svelte 是一個使用 SvelteKit 技術實作的康威生命遊戲
- Limey 是一個易於使用的網站建構器，用於簡單的網站和登陸頁面
- Appwrite 的新登陸頁面現在使用 SvelteKit 編寫（先前介紹的是他們的 Svelte 控制台 UI）
- PlaceIt 是一個關於數字和位置的遊戲
- Sveltroid 是一個粉絲自製的銀河戰士 Prime：重製版 (程式碼)
- Bolighub 是一個丹麥房屋搜尋入口網站
- Dithering 是一個可以使用許多選項來進行抖色處理照片的工具
- Rocky Mountain Slam 是一個互動式地圖，用於追蹤 Jason Heyn 嘗試完成史上首次落磯山脈大滿貫 (程式碼)
學習資源
精選 Svelte 貢獻者和大使
- Svelte 5：Runes 介紹... 與 Rich Harris 及其後續影片：Svelte 5 runes：getter 和 setter 是怎麼回事？
- Geoff Rich 的在 SvelteKit 中有條件地串流資料
- Joy of Code 的Svelte Runes 改變了 Svelte 中響應式運作方式、使用 Svelte 製作 3D GitHub Skyline 以炫耀您的同儕、使用 SvelteKit 的 View Transitions API 進行簡單的頁面轉換 和 在 Svelte 中使用 JavaScript 函式庫很容易
- Modern Web Podcast S11E2 - 與 Willow (GHOST) 探索 Svelte、開源和 Discord 機器人
- Svelte Radio 的我們回來了！Svelte 5、轉換、新功能？！
- 本週 Svelte 新聞
- 2023 年 9 月 1 日 - SvelteKit 1.24.0、View Transitions API、AbortController
- 2023 年 9 月 8 日 - SvelteKit 1.24.1、Capacitor 導覽、重複使用 prop 類型
- 2023 年 9 月 15 日 - SvelteKit 1.25.0、反序列化表單資料、魔法即將來臨
- 2023 年 9 月 22 日 - Svelte 5 Runes！
值得觀看
- Coding Garden 的 RUNES - Svelte v5 即將推出 | 我的觀點
- Huntabyte 的不要忽視 Svelte 5 和 提升您的 Svelte Stores
- Cooper Codes 的Svelte Runes 介紹（解釋每個 Svelte Rune）
- Jack Herrington 的Svelte Runes：很棒還是很糟？
- Lawal Adebola 的讓我們使用 SvelteKit (Svelte, Tailwind Css, RapidApi, Shadcn Svelte, Axios 等) 建立一個 Youtube 副本
值得閱讀
- Jonathan Gamble 的在 Svelte 中建立完美的共享 Runes
- KaviiSuri 的您不需要「學習」Svelte
- Angelo Ashmore 的使用 Prismic 和 SvelteKit 建立網站
- Justin Ahinon 的如何在 PHP 中嵌入 Svelte 應用程式？
- Shivam Meena 的在 SvelteKit 中使用 Web 瀏覽器的 Indexed DB
- Oscar Dominguez 的在 Svelte 中整合 Storybook：以 Svelte 的方式進行
- Suyashtnt 的Sveltekit 教學：第一部分 | 是什麼、為什麼、以及如何？
函式庫、工具和元件
- KitForStartups 是一個開源的 SvelteKit SaaS 樣板
- SuperNavigation 是一個類似行動裝置的網頁導覽 UX
- skeleton-material-theme 是 Skeleton UI 函式庫的 Material 主題
- better-i18n-for-svelte 是一個針對多語言 SvelteKit 網站的 SEO 導向函式庫
- uico 是一個 Tailwind 外掛程式，可為基本 UI 元素提供實用類別
- svelte-maskify 是一個 AlpineJS 遮罩的動作包裝器
- sveltekit-capacitor 是一個使用 Capacitor 建構 SvelteKit SPA 的範本
- router-gen.ts 是一個用於 SvelteKit 的類型安全路由器
這就是本月的所有內容！如果您認為我們遺漏了任何內容，請隨時在Reddit 或 Discord 上告訴我們。
下次再見 👋