Svelte 最新動態：2023 年 12 月
Svelte 5 預覽版於 2023 年秋季 Svelte Summit 公告
2023 年秋季 Svelte Summit 非常精彩！不僅有來自生態系統各方的演講，核心團隊也推出了新的 Svelte 開發工具、影像最佳化以及 Svelte 5.0 的預覽版本！完整的演講內容可以在這裡找到（時間戳記如下）
- 0:00 嗨翻天的音樂！
- 18:20 探索 Svelte 開發工具 - Ignatius B (4 分鐘)
- 25:27 SvelteKit 作為 SPA 框架的表現如何 - Henry Lie (25 分鐘)
- 53:00 enhanced:img - Ben McCann (6 分鐘)
- 1:03:44 inlang-paraglide JS for SvelteKit i18n - Samuel Stroschein (10 分鐘)
- 1:17:32 Svelte & GraphQL 如何完美結合 - Jean-Yves Couet (31 分鐘)
- 1:53:10 svelte-ecosystem-ci - Dominik G (10 分鐘)
- 2:23:06 Svelte 用於創意開發 - Steven Stavrakis (10 分鐘)
- 2:35:33 翻譯文件 - Romain I’Ourson (11 分鐘)
- 2:49:48 ENHANCE! - Paolo Ricciuti (25 分鐘)
- 3:18:25 使用 Svelte 解決方案的無障礙提示 - Enrico Sacchetti (25 分鐘)
- 3:49:11 svelte@next - Rich Harris (18 分鐘)
今天也是Svelte 降臨曆的第一天：十二月每天都有一個 Svelte 挑戰。加入歡慶行列，使用 Svelte 參與每日前端挑戰！
現在讓我們深入了解更新內容...
Svelte 最新動態（5.0 預覽版！）
Svelte 5 預覽版現在可以在svelte@next取得，而 Svelte 4 目前的版本（@latest）是 4.2.7。以下所有變更都來自預覽版的分支
- 現在透過 acorn-typescript 原生支援 TypeScript（5.0.0-next.9，#9482）
- 新的
$effect.active符號會傳回布林值，以指示效果是否處於活動狀態。這讓您可以在讀取值時（在效果中或在範本中）設定訂閱，也可以在不建立訂閱的情況下讀取值（5.0.0-next.10，文件，#9591） - 新的
$effect.root符號會建立不追蹤的範圍，不會自動清理。這對於您想要手動控制的巢狀效果很有用（5.0.0-next.14，文件，#9638）
如需所有發行說明，請查看主分支上的 CHANGELOG。如需重點資訊，請查看下方！
SvelteKit 最新動態
- 現在建立新的 SvelteKit 專案時，會詢問您是否要試用 Svelte 5 beta 版（#11026）
- 現在建立新的 SvelteKit 專案時，預設版本為 Prettier 3 和
prettier-plugin-svelte3（#10410） - 現在透過 Vercel 轉接器支援 nodejs20.x（#11067）
- 感謝預先處理，
@sveltejs/enhanced-img讓提供不同大小的影像變得容易（文件，#10788）
如需錯誤修正和效能更新的完整清單，請查看SvelteKit CHANGELOG。您也可以在每個adapter 目錄中找到轉接器特定的 CHANGELOG。
語言工具最新動態
- 最新版本的語言工具為
$props()符號新增了盡力而為的回退類型（extensions-108.1.0） - 語言工具透過使用
Snippet類型，更好地支援@render標籤（extensions-108.0.0） - Svelte ESLint 外掛程式已更新，以支援 Svelte 5 預覽版（v2.36.0-next.2）
社群展示
使用 Svelte 建立的應用程式和網站
- MobileView 是一個 Chrome 擴充功能，用於即時、跨裝置網站模擬
- ClassroomIO 是一個技術訓練營的開放原始碼平台
- sshx 是一個安全的網頁式協作終端機
- ToneShift 可讓您複製任何聲音、創作音樂，並加入聲音社群
- CanvasGPT 是自主心智圖。由 AI 驅動
- Wordplay 是一種新的教育性、無障礙且包含多種語言的程式語言，用於建立有趣、互動式的排版（部落格文章）
- CodeFlow 是程式設計人員學習、思考和編碼更好的路線圖
- Teller 是一個全面的 Minecraft 備份解決方案，旨在促進本機備份和與 ChunkVault 後端的介面
- Sudoku 是一個使用 SvelteKit、Typescript 和 Tailwind 建立的棋盤
學習資源
以 Svelte 貢獻者和大使為特色
- SvelteKit 和 Geoff Rich 的其他視圖轉換以及Thomas G. Lopes 的熔化 UI，由 Svelte Radio 提供
- 製作最佳 Svelte SVG 動畫庫、如何使用 SvelteKit 將您的 JavaScript 程式碼發佈到 Npm以及Svelte 5 的新功能有哪些？（符號、事件、程式碼片段），由 Joy of Code 提供
- Svelte Society 演講
- 本週 Svelte
- 2023 年 10 月 27 日 - SvelteKit 1.27.1，元件庫的支柱
- 2023 年 11 月 3 日 - SvelteKit 1.27.2，選擇資料庫、預處理器
- 2023 年 11 月 10 日 - SvelteKit 1.27.4、Svelte 4.2.3，關閉模態視窗
- 2023 年 11 月 17 日 - SvelteKit 1.27.6、Svelte 4.2.5、Svelte 5 的新功能！
- 2023 年 11 月 24 日 - Svelte 4.2.7、標記中的 TypeScript、SvelteKit 中的 WebSocket
觀看/收聽
- 為什麼 Stack Overflow 擁抱 Svelte，由 Stack Overflow Podcast 提供
- 使用 Svelte、SvelteKit、Firebase、Tailwind Css、Shad-cn Svelte 等建立 Twitter 克隆，由 Lawal Adebola 提供
- SvelteKit 速成課程：在 90 分鐘內建立完整的網站！ - 2023 年教學，由 Prismic 提供
閱讀
- 實戰經驗：如何使用 SvelteKit 建立電子商務商店？，由 Bård Farstad 提供
- 使用 SvelteKit、PostCSS 和 TailwindCSS 進行高效的深色模式（幕後），由 Quang Phan 提供
- 在 SvelteKit 專案中使用 Auth.js 設定 OAuth，由 Andrey Mikhaylov 提供
- SvelteKit 🤝 Storybook，由 Paolo Ricciuti 提供
- 在 Svelte 中整合 Storybook：以 Svelte 的方式進行，由 Óscar Domínguez Celada 提供
- Drizzle ORM 與 Sveltekit 和 Sveltekit — 串流 SSR，由 Mohammed Anas 提供
- Svelte & WordPress 全端課程，由 udemy 上的 Artneo Web Design 提供
- 在 SvelteKit 中為表單動作新增載入指示器，由 Useful Snippets (Stanislav Khromov) 提供
程式庫、工具和元件
- sveltekit-view-transition 為 Sveltekit 提供簡化的
view-transition-api - T18S 旨在為 SvelteKit 提供最佳的國際化體驗，提供類型安全、效能和易用性
- Svelte Flow 是一個可自訂的 Svelte 元件，用於建立基於節點的編輯器和互動式圖表
- Super Sitemap 是一個 SvelteKit 網站地圖，著重於易用性，並讓您不可能忘記新增路徑
- Svelte UX 是一個基於 Tailwind 的元件庫，可簡化建立高度互動式和視覺應用程式
- CanIKit 提供一種簡單的方式，將授權新增至您的 SvelteKit 應用程式
- Svelte Toggles 管理淺色和深色模式互動以及偏好設定儲存
- Baselime 現在支援用於邊緣記錄器套件的 SvelteKit
本月就到這裡！如果您覺得我們遺漏了任何內容，歡迎在Reddit或Discord上告訴我們。
下次再見 👋