Svelte 七月新訊 2023
Svelte 4.0、全新網站以及社群巡禮
Svelte 4 已經推出，大家都在積極開發！有許多新的展示、函式庫和教學可以分享。那麼我們就直接進入主題吧...
Svelte 新訊
本月最大的消息是 Svelte 4.0 的發布！您可以在Svelte 4 發布公告中了解所有相關資訊。從效能修復和開發人員體驗改進，到全新的網站、文件和教學...這個新版本為 Svelte 5 奠定了基礎，同時將破壞性變更降至最低。
如果您已經在使用 Node.js 16，您的專案可能不會看到任何破壞性變更。但請務必閱讀遷移指南以了解所有詳細資訊。
如需 Svelte 編譯器所有變更的完整列表，包括未發布的變更，請查看CHANGELOG。
SvelteKit 新訊
這個月有很多很棒的錯誤修復，所以請務必升級到最新版本！還有一些新功能值得一提
- 新的
event.isSubRequest布林值表示在伺服器請求期間，是否為對應用程式自身 API 的同源 fetch 請求（1.21.0，文件，#10170） - 新的組態選項
config.kit.env.privatePrefix將在環境變數上設定一個私有前綴。預設值為''（1.21.0，文件，#9996） - 現在可以透過
@sveltejs/kit匯出並存取VERSION。這可以用於功能偵測或任何其他需要知道目前 SvelteKit 版本的地方（1.21.0，文件，#9969）
如需特定於適配器的變更，請查看每個 adapter 目錄中的 CHANGELOG。
社群展示
使用 Svelte 構建的應用程式和網站
- Heerdle 是 Spotify 現已停用的 Heardle 的重製版 - 每日音樂猜謎遊戲
- Meoweler 是一個旅遊網站，充滿了貓咪和有關熱門目的地的實用資訊
- 一位來自 IKEA 的技術主管提供了更多關於他們如何使用 Svelte 構建頁面（和頁面範本）的詳細資訊
- 取代密碼的探索針對所有流行的密碼管理工具提供了互動式比較視覺化
- audiogest 可讓您一鍵將語音轉文字並摘要任何音訊
- heroify 使用 AI 為您的網站產生 3D 圖形
- Diesel Legacy: The Brazen Age 是一款格鬥遊戲，其排行榜和個人資料頁面都是用 Svelte 構建的
- markmyimages 是一個浮水印工具，具有批量影像調整大小、重新命名、效果等功能
- md.robino.dev 是一個基於 Web 的 Markdown 編輯器
- YABin 是另一個具有一些非常特殊功能的 Pastebin
學習資源
Svelte 貢獻者和大使精選
- 開發者 VLog：2023 年 6 月 - Rich Harris 的 Svelte 4.0
- PodRocket：Svelte 4 與 Geoff
- This Dot Media：Svelte 4 發布派對 與 Simon、Ben、Geoff 和 Puru
- 揭露 Svelte：兩個宅男之間 是 Rich Harris 和 Dax Raad 之間的喜劇對話
- 社群教學：使用 VPS、Docker、CapRover 和 GitHub Actions 自託管 SvelteKit，作者是 Stanislav Khromov
- SvelteKit 和 Storybook 與 Jeppe Reinhold
- 本週 Svelte 新訊
- 2023 年 6 月 2 日 - SvelteKit 1.20.1、Svelte 4 預發布、無頭 UI 函式庫
- 2023 年 6 月 9 日 - 更新、自託管 SvelteKit、將樣式傳遞給子元件
- 2023 年 6 月 16 日 - Svelte 4 next.1、如何建立漢堡選單、群組版面配置
- 2023 年 6 月 23 日 - Svelte 4、彈出視窗和懸停、使用 SvelteKit 的即時請求
- Svelte Radio
- SvelteLab - 用於 SvelteKit 的 Svelte REPL 與 Antonio 和 Paolo
- Svelte Radio Live - Svelte 4 夏季特輯 與 Simon 和 Puru
- Svelte Society - 倫敦 2023 年 6 月
- 使用具有商店的 Svelte Context API、使用 Svelte 和 GSAP 的不可能 FLIP 版面配置動畫 和 使用 Svelte 建立美觀的簡報，作者是 Joy of Code
值得觀看
- SvelteKit 中伺服器端篩選、分頁和排序的表格，作者是 hartenfellerdev
- 2023 年 Svelte 和 SvelteKit 的最佳圖示函式庫，作者是 SvelteRust
值得閱讀
- 使用 SvelteKit 從零到生產，作者是 Justin Ahinon
- 關於 Svelte(Kit) 的想法，一年後和 30 億次請求，作者是 Claudio Holanda
- 我如何使用 SvelteKit 和 Capacitor 發布適用於 iOS 和 Android 的感恩日記應用程式，作者是 Stanislav Khromov
- 邊做邊學 - Vue 開發人員建立 Svelte 單頁應用程式，作者是 Black Spike
- 在 SvelteKit 中產生麵包屑和導覽、使用 SvelteKitAuth 和 OAuth 提供者的 SvelteKit 驗證：完整指南 和 使用 Salesforce OAuth 提供者的 SvelteKitAuth，作者是 Aakash Goplani
- 立即尋找並移除 Svelte 元件孤立，作者是 Jeremy Zaborowski
- 從 Routify 到 SvelteKit Router 的遷移指南，作者是 Aakash Goplani
- 使用 Threlte 和 D3 建立 3D 資料視覺化，作者是 DataViz Cubed
- Svelte 即時多人遊戲：使用者狀態 和 SvelteKit PostCSS 教學：今天就使用未來的 CSS，作者是 Rodney Lab
- SvelteKit 的路由世界：使用動態路由和參數釋放應用程式的力量，作者是 Igor Nowosad
函式庫、工具和元件
- Vercel AI SDK 是一個可互操作、支援串流、可隨時在邊緣使用的軟體開發套件，適用於使用 React 和 Svelte 建構的 AI 應用程式
- Superforms 1.0 已發布。查看遷移指南和新功能列表以取得更多詳細資訊
- Panda CSS 是 CSS-in-JS，具有建置時產生的樣式、RSC 相容性和多變體支援
- svelte-section-list 是一個無頭 Svelte npm 套件，提供用於管理項目和區段的拖放功能
- WebStorm 開始在其 IDE 工具中使用 Svelte 語言伺服器
- shadcn-svelte 是 shadcn/ui 的非官方移植版，適用於 Svelte，可讓您輕鬆地從常見的基本元件建構您的元件函式庫
- sveltekit-multibuild 是一個啟動儲存庫，可自動建立 Android 應用程式、網站、桌面應用程式和 Chrome 擴充功能
- SvelteKit AI 聊天機器人 是一個使用 SvelteKit、Vercel AI SDK、OpenAI 和 Vercel KV 建構的開源 AI 聊天機器人應用程式範本。
- KitAI 為 SvelteKit 和 Next.js 提供內建 AI 範本
- Svelte 表單建構器 是一個用於 Svelte 的無程式碼拖放表單建構器
感謝您的閱讀！一如既往，如果您發現我們遺漏了任何內容，請隨時在 Reddit 或 Discord 上告知我們。
下次再見 👋