Svelte 最新動態：2024 年 12 月
更棒的 CLI 以及許多 UI 函式庫現在都支援 Svelte 5
真不敢相信這已經是今年的最後一期電子報了！Svelte 社群發生了許多事，從兩場盛大的 Svelte Summit 到 Svelte 5 的發布 🎉
在我們展望來年並關注 Svelte 團隊進行的 24 天 24 個功能 之際，讓我們深入了解一下上個月的新動態...
Svelte 最新動態
5.1.x 和 5.2.x 的錯誤修復版本解決了社群回報的許多問題。因此，如果您發現任何奇怪的地方，請務必升級到最新版本，並且一如既往地查看 CHANGELOG 以了解所有錯誤修復。
自上個月以來的相關功能如下：
SvelteKit、Svelte CLI 和語言工具的最新動態
isActionFailure是一個新的輔助方法，用於檢查變數是否為ActionFailure的實例，有助於除錯使用者輸入的解析（2.8.0，#12878）const load = ...宣告現在將自動輸入（svelte2tsx-0.7.23，#2540）- CLI 現在將在「無類型檢查」範本中包含
jsconfig.json（0.6.2，#290） - 安裝依賴項時，CLI 將顯示套件管理器的輸出（0.6.3，#305）
- CLI 選單中現在將為每個附加元件顯示簡短描述（0.6.5，#299）
- 實例類型現在將在 Svelte 5 中自動提供（svelte2tsx-0.7.23，#2553）
- 偵測到「符文模式」時，程式碼鏡頭指示器現在會出現在檔案頂部，如果沒有偵測到則會顯示「傳統模式」（language-server-0.17.4，#2554）
社群展示
使用 Svelte 建立的應用程式與網站
- Unsubscribe 是一個互動式網站，嘲諷現在從網路上取消訂閱有多麼困難
- Dealcrane 幫助科技產品購物者在熱門網路購物網站上找到折扣
- Raw Web 是一個搜尋引擎，用於索引獨立網站（尤其是個人網站）的內容
- Jovian Moon 的個人網站 以互動式火箭飛船為特色，可直接帶您飛往木星（或您想去的任何地方）
- Font Preview 可讓您輕鬆分析和瀏覽瀏覽器中的字體字符
- Dunks & Threes 是一個專業籃球分析平台，提供數據驅動的 NBA 預測
- AdresseDuBien 是一個小型實用程式，用於使用 Libre Map 實作查找房地產廣告（針對法國）的地址
- PixelAttack 採用圖像，將其像素化並使像素彼此戰鬥
- NeoHtop 是一個現代的程序監控工具，它結合了基於終端系統監視器的強大功能和乾淨的原生桌面 UI
- WebVM 是一個在您的瀏覽器中運行的 Linux 虛擬機器
- Sveltris 是完全在 Svelte REPL 中構建的俄羅斯方塊遊戲
學習資源
以 Svelte 貢獻者和大使為特色
- Svelte 🧡 是一個 Bluesky 資訊流，用於在該應用程式中掌握 Svelte 的最新消息
- SvelteKit Streaming: The Complete Guide 作者為 Stanislav Khromov
- 遠端工作坊：Svelte 5 & 符文 將於 2025 年 2 月 6 日至 7 日舉行，由 Paolo Ricciuti 授課
- Svelte 5: In Action | Build A Tasks App 由 Syntax 製作
- Svelte Society London - 以 Paolo 的演講「管理您的非同步任務！」為特色
本週 Svelte 最新動態
閱讀
- Web software development (2024) 是一個關於所有網路開發的自學課程，並大量採用 Svelte
- Async Fetching in Svelte 5 作者為 Jonathan Gamble
- Cross-Origin-Isolation with SvelteKit, Vite, and Firebase 作者為 Captain Codeman
- The $effect.tracking rune 作者為 Matt Simon
函式庫、工具與元件
元件函式庫
- shadcn-svelte 現在支援 Svelte 5，並提供全新的文件來搭配更新
- Zag 現在支援 Svelte 5
- Skeleton V3 現在處於測試階段（並且正如預期的那樣，支援 Svelte 5）
- Storybook 8.4 現在原生支援 Svelte 5 和 CSF，內建元件測試功能
圖示函式庫
- svelicon 使用一個命令將 Iconify SVG 圖示轉換為類型安全的元件
- moving icons 是基於 lucide 圖示函式庫的動畫圖示集合
- Monicon 是一個多合一的圖示函式庫，提供來自 Material Design、Feather 和 Font Awesome 等熱門圖示集的 200,000 多個圖示
其他
- Svelte Multitone Image 是一個簡單的圖像渲染器，用於為 Svelte 應用多色調效果
- number-flow 是一個用於轉換、格式化和本地化數字的元件
- sveltednd 是一個輕量級、靈活的 Svelte 5 應用程式拖放函式庫
- ShadEditor 是一個高度可擴展的 Svelte 文字編輯器，使用 TipTap 和 ShadCN UI 製作
- Tipex 是一個基於 Tiptap 和 Prosemirror 的進階富文本編輯器
- svelte-bundle 是一個將 Svelte 元件捆綁到單個 HTML 檔案中的工具
- svelte5-router 是一個 SPA 路由器，可讓您使用巢狀路由器分割並征服您的應用程式
- @sheepdog/svelte 是一個輕鬆管理非同步任務和並發的函式庫。
這就是本月 Svelte 的重大新聞！如果您在 Reddit 或 Discord 上錯過任何資訊，請告訴我們。
直到下一次 時間 明年！👋