Svelte 最新消息:2024 年 2 月
Kit 新功能:reroute
、emulate
等等!
自從 SvelteKit 2.0 於去年底發布以來,已經推出許多新功能,讓 Kit 的開發體驗更加美好!同時,Svelte 團隊也正努力將 Svelte 5 變成現實。
如果您錯過了,Rich 也發表了Tenets,「嘗試闡明 Svelte 的哲學 — 我們設計決策的基石原則。」
讓我們深入了解一下有哪些新功能,並看看社群其他人在做些什麼...
SvelteKit 的新功能
- 客戶端路由器現在可以 tree-shake 了(2.1.0,#11340)
$env/static/public
現在可以在 Service Workers 中使用(2.2.0,文件,#10994)- 現在在具有內容安全策略的環境中支援
style-src-elem
(2.2.1,文件,#11562) - 新的
reroute
hook 允許您變更 URL 轉換為路由的方式(2.3.0,文件,#11537) read
函數現在可在$app/server
模組中使用,允許您從檔案系統讀取資源(2.4.0,文件,#11649)- Adapter 現在可以透過實作對應的函數,來為開發和預覽伺服器
emulate
生產環境。這對於在開發中提供對 KV 命名空間的存取非常有用(2.5.0,文件,#11730)
Svelte 的新功能
如果您錯過了,Svelte 5 正在預覽中。同時,Svelte 4(@latest
)已經發布了一個錯誤修復版本。Svelte 5 的變更記錄中只有一個新功能值得強調
關於將 Svelte 5 推向發佈準備就緒所需的所有錯誤修復、雜務和基礎工作,請查看main 上的變更記錄。
社群展示
使用 Svelte 建置的應用程式和網站
- Sprite Fusion 是一個免費的關卡設計工具,可讓您直接在瀏覽器中使用任何圖塊集來製作精美的 2D 圖塊地圖
- TypeMeUp 是一個教您如何更快打字的打字網站
- 路徑尋找演算法視覺化工具 是一個具有玩家功能的互動式路徑尋找演算法視覺化工具
- Roch Dog 根據商家和飯店的寵物友善程度進行排名
- highlight.cool 是一個免費、可自訂且即時的部落格重點標記工具
- Nola Devs 是位於紐奧良市中心一個充滿活力且具包容性的軟體開發人員團體。這個網站匯集了他們在各個團體中的所有活動
- 新創募資模擬器 是一個幫助創辦人了解現代募資(使用 SAFE)如何運作,以及募資時您預期會產生多少稀釋的工具。
學習資源
以 Svelte 貢獻者和大使為特色
- SvelteKit 新功能:
import { read } from '$app/server'
,作者:Rich Harris - 在 SvelteKit 中讀取伺服器上的資源,作者:Geoff Rich
- Tan Li Hau 的新書,Real-World Svelte 現已上市
- Svelte Society San Diego - 2024 年 1 月:Attila 介紹了 Svelte 5 和 SvelteKit 的最新更新。
- Svelte London - 2024 年 1 月:Rich Harris 和 pngwn 的演講
- Svelte 5:速度、簡潔性和大小,作者:Syntax.FM
- 本週 Svelte 新聞
- 2024 年 1 月 12 日:深入探討 SvelteKit 變更記錄
- 2024 年 1 月 19 日:展示 Paolo Ricciuti 的新函式庫
- 2024 年 1 月 26 日:以「Cells」為特色 — 一個功能性和反應式程式設計函式庫
閱讀內容
- 使用 SvelteKit 在 TailwindCSS 中自訂字型,作者:Launchnow
- 從 Angular 開發人員的角度看 Svelte (適用於 Svelte 開發人員) 和 如何為您的 SvelteKit 部落格建立網站地圖,作者:Kyle Nazario
- 在網際網路電腦上開始使用 Svelte,作者:Roland BOLE
- 部署在 deno 上的 SvelteKit + Socket.io 伺服器,作者:Devr
函式庫、工具和元件
- Lucia - 一個以 TypeScript 編寫的身份驗證函式庫,抽象化處理會話的複雜性 - 剛剛發布了 3.0 版本
- Paraglide JS Adapter SvelteKit 是 ParaglideJS 的 SvelteKit 整合 - 一個用於 i18n 路由的工具
這個月就到這裡了!如果您覺得我們遺漏了任何東西,請隨時在 Reddit 或 Discord 上告訴我們。
下個月見!