Svelte 最新消息：2023 年 6 月
SvelteHack 得獎者、大量新綁定、Svelte 4.0.0-next.0 以及 SvelteKit 中的一堆新功能
歡迎大家來到六月，並恭喜我們的 SvelteHack 各類別得獎者！如果你錯過了，這些得獎者是在 5 月 6 日的 Svelte Summit 上宣布的 🎉
峰會的完整播放清單，包括所有分段的演講影片，可以在Svelte Society YouTube 頻道上找到。如果你還沒看過，快去看看吧。
本月的電子報有很多內容要介紹，包括 Svelte 和 Kit 的許多改進...
Svelte 最新消息
Svelte 4.0.0-next.0，Svelte 4.0 的第一個預發布版本已經發布！關於此版本變更、改進和目標的說明，可以在 GitHub 上的 Releases 頁面中找到。快去看看，搶先了解 Svelte 的未來。它還包含一個遷移指南，適用於那些對最少的重大變更和棄用感興趣的人。
Svelte 3.59.0 也已發布，包含許多新功能
- 現在可以正確處理使用展開運算符 (
...) 重組陣列 (3.59.0, #8552, #8554) - 如果 autocomplete 屬性未按照 HTML 規格使用，新的
a11y-autocomplete-valid警告現在會發出警告 (3.59.0, 範例, #8520) - 現在可以為
<svelte:document>元素使用fullscreenElement和visibilityState綁定 (3.59.0, #8507) - 現在可以為
<svelte:window>元素使用devicePixelRatio綁定 (3.59.0, #8285) - 現在可以使用
bind:使用ResizeObserver綁定contentRect/contentBoxSize/borderBoxSize/devicePixelContentBoxSize(3.59.0, #8022)
如需 Svelte 編譯器的所有變更（包括未發布的變更），請查看變更日誌。
SvelteKit 最新消息
- 路由級別的條目產生器允許從
+page、+page.server和+server檔案匯出條目函式，以提供參數預先渲染的可能值 (1.16.0, 文件, #9571) - 現在會抓取
<meta>標籤中的 URL，使程式化的社群圖片更加容易 (1.17.0, 文件, #9900) - 在
enhance函式中，data和form已分別重新命名為formData和formElement。使用舊名稱將記錄棄用警告，並且將在未來版本中移除。(1.17.0, 文件, #9902) - 現在可以將連結選項設定為
true和false(1.19.0, 文件, #10039) - 新的
resolvePath匯出可以用於從路由 ID 和參數建構相對路徑 (1.19.0, #9949)
社群展示
使用 Svelte 建構的應用程式和網站
- a-maze 是一個簡單的迷宮產生器（使用 DFS），尺寸介於 5 個單元格到 75 個單元格之間
- Svelte 中的 Windows 11 嘗試在網路上重現 Windows 11 桌面體驗
- JsonCrunch 是一個 JSON 檢視、轉換和查詢工具，旨在快速操作小型到中型的 JSON 資料
- Typepost 是一個用於社群媒體的簡單文字貼文產生器
- tall.ly 是一個分享書籤的網站 (範例)
- bbchallenge 是一個協作環境，用於證明或反駁忙碌海狸猜想
- Reddit Map 是一個由電腦、資料和社會科學家組成的專案，旨在探索和視覺化 Reddit
- WeWatch 允許同步觀看影片
- Wonderplan 是一個由 AI 驅動的行程規劃工具，根據您的偏好量身打造，並涵蓋您行程的各個方面
- CodingView.io 是一個線上程式碼面試工具
- MeatGPT 是一個藝術網站，會立即忽略您的提示
- Vim Ninja 是一個瀏覽器中的互動式 Vim 課程
- prcl 是一個 Pastebin 替代方案，專注於速度和簡潔性
- md 是一個基於網路的 markdown 編輯器
學習資源
Svelte 貢獻者和大使精選
- 本週的 Svelte
- 2023 年 4 月 28 日 - SK 1.15.9、色彩對比、SK 可重複使用的類型、路徑別名
- 2023 年 5 月 5 日 - SvelteKit 1.16.0、反應式陳述生命週期、自訂儲存
- 2023 年 5 月 12 日 - Svelte 4.0 預覽、SvelteKit 1.16.3、Svelte 3.59.1
- 2023 年 5 月 19 日 - SvelteKit 1.18.0、可存取的 HTML 表格、CSS 巢狀結構
- 2023 年 5 月 26 日 - SvelteKit 1.19.0、選擇 UI 函式庫、斷點除錯
- Svelte Radio
- Svelte Summit Hypisode (2023 年 5 月 4 日)
- AI 開發人員入門，與 Latent Space 的 Swyx 一起 (2023 年 5 月 11 日 | 影片版本)
值得觀看
- 建立一個超快速的 SvelteKit Markdown 部落格、SvelteKit 中的頁面與獨立端點 和 了解資料如何在您的 SvelteKit 應用程式中流動，由 Joy of Code 提供
- 使用 SvelteKit 建立 ChatGPT 外掛程式，由 SuperMilkDaddy 提供
- Svelte 使拖放 API 變得簡單！和 SvelteKit 中簡單的原生應用程式！，由 Antonio Sarcevic 提供
- 讓我們在 60 分鐘內學習 Svelte.js（有趣的速跑）。，由 developedbyed 提供
值得閱讀
- 橋接 Vue 2 和 Svelte，由 Alexis Faizeau 提供
- 一次編寫，隨處執行，由 Ross Robino 提供
- 將我的 SaaS 遷移到 SvelteKit 的反思，由 SvelteKitSaaS 提供
- 使用 rust (actix-web) 和 SvelteKit 的完整堆疊驗證系統，由 John Owolabi Idogun 提供
- SvelteKit 表單：文法檢查應用程式、SvelteKit Ably：Sqvuably 即時遊戲 和 Svelte 登入表單範例：最佳實務，由 Rodney Lab 提供
- 在 SvelteKit 中使用儲存的正確方式 和 Rich Harris 並未在 Svelte 中取消對 TS 的支援，由 Jonathan Gamble 提供
- 如何在 SvelteKit 中新增基本 SEO 元件，由 Thilo Maier 提供
- 使用 Airtable 的 SvelteKit 聯絡表單範例，由 Scott Spence 提供
- 使用 Svelte-Kit 的高效能反應性，由 Erxk 提供
- Svelte 儲存：令人好奇的部分，由 Valdimir Klepov 提供
函式庫、工具和元件
- svelte-svg-transform 是一個小型函式庫，讓您更輕鬆地在 Svelte 專案中新增 SVG 並轉換它們
- sirens 是德國明鏡週刊對烏克蘭境內活動空襲警報的視覺化呈現
- Sveltronics 是 Svelte 專案的實用函式集合
- Prompta 是另一個與 ChatGPT (或 GPT-4) 聊天的介面
- Colibri 是 Svelte 應用程式的輕量級、可自訂元件函式庫
- Svelte Smart Doc 是一個自然語言介面，用於搜尋 Svelte Svelte 文件
- Tailwind Elements 現在有 Svelte 整合
感謝您的閱讀！一如既往，如果您在 Reddit 或 Discord 上發現我們遺漏任何內容，請隨時告訴我們。
下次見 👋