Svelte 最新消息：2021 年 7 月
透過修正、TypeScript 工具和大量新功能保持涼爽
隨著北半球氣溫升高，Svelte 透過許多效能和錯誤修正、更好的 TypeScript 支援，以及來自生態系統的許多新組件和工具，保持涼爽。讓我們來看看 👀
SvelteKit 新功能
adapter-node現在使用 gzip 和 brotli 預壓縮資產 (#1693)- TypeScript 轉譯支援已新增至
svelte-kit package工具中 (#1633) - 改進
adapter-node中的快取預設值 (#1416) - 允許配置 Rollup 輸出選項 (#1572)
- 修正了 SSL 與 HMR 的使用問題 (#1517)
來自 svelte/* 的功能和錯誤修正
- Svelte 3.38.3（於 6 月 22 日發布）包含許多效能和錯誤修正 - 包括 hydration 優化、在冒泡事件中保留
this等！ - 最新的語言工具版本增加了對從組件外部重新命名 prop、PostCSS 語法和
svelte2tsx中的.d.ts輸出目標的支援，可用於從 Svelte 檔案建立類型定義。 - 在語言工具中，還加入了一些期待已久的實驗性功能，以增強 TypeScript 支援 - 包括明確輸入所有可能的組件事件或插槽，以及使用泛型。請查看 RFC 以了解更多詳細資訊，如果您正在使用，請在 此問題 中留下回饋。
svelte-scroller在 2.0.7 中獲得了一些便利性修正 - 修復了初始寬度錯誤並更保守地更新其index
即將在 Svelte 中推出
社群展示
應用程式與網站
- SvelteThemes 是一個精選的 Svelte 主題和範本列表，使用 svelte、sveltekit、elderjs、routify 等建構。
- Beatbump 是使用 Svelte/SvelteKit 建立的 YouTube Music 替代前端。
- Sveltuir 是一個幫助您記憶吉他指板的應用程式
教育內容
- Svelte Radio：Svelte 歡樂夏日 是一段關於 Svelte 最新消息的對話，並慶祝 Svelte Radio 一週年
- Svelte 中的類別屬性 是針對從 React 轉向 Svelte 的開發人員重新整理
class功能的說明 - Sveltekit 初學者教學 是 WebJeda 提供的 SvelteKit 學習影片播放清單
- 如何在 SvelteKit 中使用 Service Worker 依需快取動態頁面 說明了在 SvelteKit 中使用 Service Worker 進行依需快取的強大功能
- Vue vs Svelte：比較框架內部機制 從內部深入探討 Vue 和 Svelte 之間的差異
- 使用 Docker 和 Docker Compose 設定 SvelteKit 的開發環境 說明如何使用 Docker 建立可重複使用的開發環境，無論您在什麼裝置上執行程式碼
- Scalable Scripts 本月發布了三段影片，記錄了如何將 Docker 化 Svelte 應用程式部署到 AWS、Azure 和 Google Cloud
- 從零到英雄使用 Svelte 渲染 Katex 示範如何在 Svelte 專案中實作 Katex
- 在 Svelte 中使用自訂元素 顯示在 Svelte 網站中使用自訂元素時需要注意的一些怪異之處
函式庫、工具和組件
- svelte-pipeline 提供自訂 JavaScript 環境，並將 Svelte 編譯器作為 Svelte Store，用於 REPL、編輯器等。
- Sveltotron 是一個基於 Electron 的應用程式，用於檢查您的 Svelte 應用程式
- svelte-qr-reader-writer 是一個 Svelte 組件，可協助從 QR 碼讀取和寫入資料
- svelte-stack-router 旨在透過使用 Stacks 進行路由，使 Svelte 應用程式感覺更像原生應用程式
- svelte-typed-context 提供一個介面，當提供給
getContext或setContext時，允許更嚴格的類型 - svelte-modals 是一個簡單、靈活、零依賴的 Svelte 模態管理器
想要貢獻一個組件嗎？有興趣協助讓 Svelte 在網路上的表現更好嗎？ 請透過向 此檔案提交 PR 來將組件提交至 Svelte Society 網站，或者如果您想為 Svelte Society 在 SvelteKit 中的重寫做出貢獻，請查看 未解決問題清單。