Svelte 最新消息：2021 年 12 月
Svelte Summit Fall 2021 回顧、Rich Harris 加入 Vercel，以及 Kevin 全職投入 Svelte Society
隨著 SvelteKit 每天變得越來越穩定，除了錯誤修復之外，程式碼變動方面沒有太多內容可以介紹... 因此，在本月的電子報中，我們將介紹 Svelte Summit Fall 2021 的內容！
如果您想深入了解上個月的錯誤修復，請分別查看 Svelte 和 SvelteKit 的更新日誌。
Svelte Summit 發生了什麼事？
如果您錯過了 Svelte Summit，您可以在 YouTube 上觀看完整的直播，並在 Discord 上的 #svelte-summit 頻道中查看回顧。
以下是重點
- Rich Harris 帶我們回顧了 Svelte 的歷史，並宣布 他加入 Vercel 的消息 - 他將在那裡全職協助維護 Svelte！(20:00)
- Steph Dietz 解釋了 Svelte 的簡單抽象如何讓初學者和專家都能輕鬆學習和使用 JavaScript - 而無需樣板程式碼 (29:00)
- Kevin Bridges 通過視覺化
ReflectiveCounter，深入探討了 Svelte 的反應式邏輯，並展示了如何在需要時「微調」它。完整的演示「教學大綱」可在 Kevin 的網站上找到。(42:55) - Mateo Morris 推出了 Primo，一個一體化的 SvelteKit CMS，可幫助建構和管理靜態網站 (1:12:34)
- Guillermo Rauch 解釋了 Vercel 對 Svelte 的承諾、Rich 加入團隊的意義，以及該公司接下來的發展方向... (1:21:54)
- Geoff Rich 介紹了在 Svelte 中修改動作和轉場的各種方法，使其對所有網路使用者更易於存取。演講的投影片和完整文字記錄可在 Geoff 的網站上找到。(1:32:30)
- Dean Fogarty 展示了自訂 stores 的許多不同使用案例 - 在 Svelte 中轉換來回於儲存機制中的資料。文字記錄和程式碼可在 Dean 的 GitHub 上找到。(1:43:06)
- Kellen Mace 分享了我們如何讓內容創作者繼續使用 WordPress，同時利用前端的 Svelte 提供卓越的使用者體驗 (1:49:30)
- Ben Holmes 解釋了「島嶼」架構，以及 11ty + Slinkity 如何將這些島嶼帶入任何 HTML 範本 (2:17:15)
- Scott Tolinski 分享了將基於 React 的 LevelUpTutorials 重寫為 Svelte 後所學到的教訓，並「發現了開發者的幸福」(3:16:35)
- Svelte Sirens 被宣布為新的 Svelte 社群，專為女性、非二元性別者和盟友而設。他們的第一個活動是在 11 月 29 日舉行 - 所有未來的活動都可以在 Svelte Sirens 網站上找到 (3:50:45)
- Rich Harris 討論了使用 SvelteKit 建立程式庫、開發時連結套件的更好方法，以及 SvelteKit 如何協助現代 JavaScript 程式庫開發 (3:56:00)
- Ken Kunz 解釋了有限狀態機（以及 svelte-fsm 程式庫）如何使管理 Svelte 元件狀態更加... 可管理。演講中的範例可在 Ken 的 GitHub 上找到。(4:07:18)
- Austin Crim 將在網路上學習程式碼與學習樂器演奏聯繫起來。通過讓學習者及早獲得成功，並通過真實世界的應用程式介紹基本原理，學習 Svelte（以及其下的基本原理）不必是一件苦差事 (4:21:50)
- Jesse Skinner 通過解釋如何在 React（甚至 jQuery！）專案中使用（和重用）Svelte 元件，將我們的舊版應用程式帶入未來 (4:32:30)
- Jim Fisk 和 Stephanie Luz 推出了 Plenti 及其主題工具，使建構新的 Svelte 網站更快 (4:59:00)
- Evyatar Alush 幫助我們使用一個名為 Vest 的強大驗證程式庫，建立（和維護）更好的表單 (5:08:55)
- Dominik G. 提出了關於圖示程式庫的全新觀點 - 一種減少應用程式捆綁大小的方法，並開放整個 iconify 程式庫以在任何 Svelte 應用程式中使用 (5:30:04)
感謝 Kevin 和所有 Svelte Society 志工共同舉辦了如此精彩的活動！令人興奮的是，Kevin 在活動後宣布，他現在將全職投入 Svelte Society！您可以在 這個 Svelte Society YouTube 播放清單中查看所有演講，為了方便起見，這些演講已分解為個別影片。
如果您對 Svelte Summit 有任何意見回饋，Kev 正在 Svelte subreddit 上尋求回饋 👀
社群展示
應用程式與網站
- pixeldrain 是一個免費使用的檔案分享平台
- LifeHash 從 Blockchain Commons 生成漂亮的視覺雜湊
- simple-cloud-music 是一個輕量級的第三方網易雲音樂播放器，適用於現代瀏覽器（可能僅適用於 Chrome）
- palette.rocks 是一個內建對比度檢查的調色盤產生器
- Kadium 是一個用於掌握 YouTube 頻道上傳狀況的應用程式
- 多螢幕計算器是一個用於規劃多螢幕設定的工具
- 您的隱私設定是 Facebook 隱私設定的互動式概述
- Svelte Crush 是一款 Candy Crush 風格的配對三消遊戲
- 德國 10 萬人死於新冠是為 Spiegel Gesundheit 製作的視覺化圖表
正在尋找可參與的 Svelte 專案嗎？有興趣協助改進 Svelte 在網路上的表現嗎？如果您想為 Svelte Society 在 SvelteKit 中的重寫做出貢獻，請查看 未解決問題的清單。
影片、部落格和 Podcast
- 如何製作和發布 Svelte 程式庫
- SvelteKit 現在完全支援 WebContainers
- 介紹 Svelte，並將 Svelte 與 React 和 Vue 進行比較
- 使用 Jest 測試 Svelte 應用程式
- 如何使用 SvelteKit 建立一個 toast 通知程式庫套件
- Svelte 培訓：在這裡您可以學習 Svelte
- Svelte 動作簡介
- 使用 SvelteWeb3 享受製作 DApp 的樂趣
- Svelte 創建者：Web 開發應該更有趣
- Svelte Radio：Rich Harris 現在全職投入 Svelte 🤯
- Web Rush：與 Nick Reese 一起介紹 Svelte 和 Elder.js
- 使用 Serverless Redis 建構 SvelteKit 應用程式
程式庫、工具和元件
- svelte-cubed 是 Svelte 的 Three.js 元件程式庫 - 由 Rich Harris 為他在 Svelte Summit Fall 2021 上的演示而建立
- svelte-fsm 是一個微小、簡單、具表現力、務實的有限狀態機 (FSM) 程式庫，針對 Svelte 進行了最佳化
- bromb 是一個適用於網站/Web 應用程式的回饋 widget，它很小巧且易於整合/自託管
- Spaper 是一組適用於 Svelte 的 PaperCSS 元件
- svelte-intl-precompile 是一個適用於 Svelte 的 i18n 程式庫，它會在建置時分析和編譯您的翻譯
- svelte-preprocess-svg 會自動最佳化 Svelte 元件中的內嵌 svg，以獲得更好的效能並減少檔案大小
- svelte-subcomponent-preprocessor 可讓您在一個 svelte 檔案中撰寫多個元件
- svelte-pdfjs 是 Svelte PDF 查看器元件的粗略實作
- svelte-inview 是一個 Svelte 動作，用於監控元素進入或離開視窗/父元素
- sveltekit-adapter-wordpress-shortcode 是一個 SvelteKit 的適配器，它將您的應用程式轉換為 wordpress 短代碼
- svelte-websocket-store 是一個具有 websocket 後端的 Svelte store
- Svelte Auto Form 是一個快速有趣的表單程式庫，著重於易用性，而不是靈活性。
- set-focus 是一個 Svelte 動作，它會在
<a>或<button>元素安裝後立即設定焦點 - 對某些體驗和測試很有用
對於 SvelteKit 有任何想法嗎？請查看 Svelte 儲存庫中的新 GitHub 討論區。您也可以在 Reddit 或 Discord 上加入我們。
明年見！