Svelte 最新消息：2024 年 9 月
更多實用的 svelte:options 和 :global，以及 Svelte 5 中 <svelte:component></svelte:component> 的棄用
在過去幾週，Svelte 發布了一系列更新，以及 Svelte 語言工具的一些生活品質改進。
讓我們來看看...
Svelte 和語言工具的新功能
$state.frozen已被$state.raw取代 (5.0.0-next.218，文件，#12808)$state.is已被移除。安息吧，小傢伙 (#12916)svelte:options現在允許您在每個組件的基礎上設定css: "inject"編譯器選項 (5.0.0-next.209，#12660)- 在 runes 模式中，
<svelte:component>現在是不必要的，因此已被棄用 (5.0.0-next.203/217，#12646 和 #12694) :global現在允許在更多地方使用 - 使其在<style>標籤中更容易使用，並修復了 Tailwind 的@apply問題 (5.0.0-next.199，文件，#12560)- Svelte 的 TypeScript 定義生成器（隨附於
@sveltejs/package）現在會在診斷偵測到未生成d.ts檔案時發出警告 (svelte2tsx@0.7.14，#2428) - 您現在可以在
emitDts中指定 tsconfig - 在單一程式碼庫中工作時很有幫助 (svelte2tsx@0.7.16，#2454)
此列表中未涵蓋的是 CSS 和 JavaScript 編譯的許多效率和效能改進。如果您有興趣，請查看 CHANGELOG，以了解自上個月以來解構、狀態代理和 actions/styles/classes 的改進情況。
社群展示
使用 Svelte 構建的應用程式和網站
- Apple Podcasts 網頁版 現在使用 Svelte
- UCLA 學生事務處 使用 SvelteKit 建立了他們的網站
- tidytube 是一個用於整理 YouTube UI 的瀏覽器擴充功能
- Graphite 是一個開源的 2D 程序化圖形編輯器
- My Yogi 是一個瑜珈序列建構器和管理器
- Mark Of Destiny 是一款多人線上策略遊戲，您在其中扮演一個小型發展王國的統治者
- Dungeons and Jacks 是一款混合了二十一點和 Roguelite 元素的遊戲
- YT Desk 是一個用於 YouTube 和 YouTube Music 的獨立播放器，具有迷你播放器、Discord「豐富狀態」和全域快捷鍵
- Synapsis 是一個基於 AI 的學習平台
- SvelteCareers 是一個新的 Svelte 職缺網站，每週一發布職缺警報
學習資源
以 Svelte 貢獻者和大使為特色
- React VS Svelte - 你應該在 2024 年選擇哪一個？、Svelte 5 Runes - 如何與編譯器溝通 和 建立你的 JavaScript 框架？ by Prismic (由 Rich Harris 主講)
- 使用 Replicache 的 Local First - 如何使用資料同步構建完整堆疊應用程式第 1 部分 by Syntax
- 避免在 Svelte 中使用 Effect 來衍生數值 和 了解 Svelte 中的 Effect 以及何時使用它們 by Joy of Code
- Svelte 開發 Vlog（Simon 主講）— 2024 年 7 月
- Svelte London - 八月：Svelte 的邊界區域和原型工具（在 Svelte 中！)
- 本週 Svelte 新聞
閱讀
- Svelte 5 訊號修復其不穩定的反應性 by webdevladder
- 為什麼 Svelte 是 IIoT 開發的遊戲規則改變者 by Peter Repukat
- 使用 Firestore 和 Svelte 5 Runes 的 Local First 與雲端同步 by Captain Codeman
- SvelteKit - 狀態的潛在資訊洩漏 by Yuki Ishii
- Svelte 5 中的細粒度反應性 by Frontend Masters
- 在 Chrome 擴充功能上廣播訊息 by Wilker Lucio
- 關於 Svelte 您需要知道的一切 by Jeo Carlo Lubao
觀看
- Svelte 4 vs Svelte 5 🎇。有什麼不同 by Lawal Adebola
- 如何使用 Firebase Hosting 和 Firebase Functions (adapter-node) 部署您的 Sveltekit 應用程式 by Melchisedek Dulcio
程式庫、工具和組件
- 這個黏稠的工具提示 流暢且令人滿意
- select-kit 是一站式解決方案，滿足您所有的 select/combobox/autocomplete 需求
- ssgoi 是一個頁面轉換程式庫，支援每個瀏覽器的動畫頁面轉換 - 包括 Safari
- @svelte-put/preaction 是一個概念驗證的 Svelte 預處理器，允許使用「preaction」 - 這是 Svelte action 的擴展，能夠在伺服器端新增靜態屬性
- svelte-standalone 是一系列旨在將任何 svelte 小部件處理為單個獨立 JavaScript 檔案的配置
- svelte-cartesian 是一個單一組件，可協助呈現所提供組件的所有屬性組合，以進行視覺迴歸測試
這就是本月的所有內容！如果您在 Reddit 或 Discord 上錯過了任何內容，請告訴我們。
下次再見 👋