跳至主要內容

Svelte 最新消息：2024 年 10 月

更好的 each 區塊與無限迴圈的呼叫堆疊

Dani Sandoval

十月到來了！這意味著一件事... Svelte Summit 秋季大會只剩下 19 天了！訂閱官方電子報以隨時掌握 Svelte Summit 的最新消息，或在 Discord 上關注直播。

感謝許多人嘗試 Svelte 5 發布候選版本，維護人員一直在努力解決錯誤，並為即將發布的版本實作效能改進。本月，我們將介紹最顯著的變更，以及社群在過去幾週創建的許多應用程式、資源和函式庫。

Svelte 最新消息

您是否一直想將您的專案遷移到 Svelte 5？想測試遷移工具並向團隊提供回饋嗎？那麼您應該試試看 svelte-migrate 工具！您只需要 npx svelte-migrate svelte-5 就可以開始。如果您遇到任何問題，請提交 issue。

以下是其他新功能...

  • 現在可以使用 sync 選項非同步手動實例化舊元件 (5.0.0-next.237，#12970)
  • 現在 each 區塊在 SSR 模式下更好用 - 移除不必要的宣告，並在迭代之前快取陣列的長度 (5.0.0-next.242，#13060)
  • 如果偵測到無限迴圈，現在會出現一個呼叫堆疊 - 並在開發模式下印出最後十個效果 (5.0.0-next.246，#13231)
  • 使用 @sveltejs/enhanced-img 的專案應該會看到更小的 bundle，這歸功於模組變數內嵌到範本中 (5.0.0-next.246，#13075)
  • 現在，對於缺少 aria-label 和內容的 <button> / <a> 元素，會有 a11y 警告 (5.0.0-next.250，#13130)
  • 動畫現在在計算轉換時會考慮 zoom (5.0.0-next.254，#13317)
  • 在 runes 模式下，<svelte:self> 現在已棄用。由於元件現在可以匯入自身，因此不再需要它 (5.0.0-next.256，#13333)
  • 幾乎每個 Svelte 專案都使用的 CLI 工具 svelte-check 現在體積更小了 (repo，貼文)

想看看維護人員在讓 Svelte 5 準備好用於生產環境方面做了哪些努力嗎？請查看 CHANGELOG 以了解所有大小的修復！

SvelteKit 和語言工具的新功能

  • SvelteKit 現在支援在 load 函式中使用類型化陣列。 「這不是應該過度使用的東西，因為它使用 base64 編碼，比原始數據大 33%，但在您需要時很有用」(2.6.0，#12716)
  • 通過 Svelte 5 的 Component 介面輸入的元件可以獲得正確的智能感知 (extensions-109.0.1)

社群展示

使用 Svelte 構建的應用程式和網站

  • svelte0.dev 可讓您透過文字提示使用 shadcn/ui 生成 Svelte UI
  • 迷你試算表元件 是 Svelte 中反應性如何運作的絕佳介紹
  • Poof 是一款自毀便條應用程式，包含可選的待辦事項清單、電子郵件警報和在特定日期後刪除等功能
  • kunft 是一個雲端平台，可直接從 GitHub 部署 docker 容器和應用程式
  • quickprompt 是一個瀏覽器擴充功能，可讓您輕鬆儲存和檢索 ChatGPT 提示
  • Dither 是一款低保真 GIF 聊天應用程式，其靈感來自 Return of the Obra Dinn 和 Meatspac.es
  • cobalt 可協助您從您最愛的網站儲存任何內容：影片、音訊、照片或 GIF
  • YouTube Looper 是 YouTube 影片的自訂循環擴充功能
  • LeetLink 是一個類似 linktree 的網站，具有可自訂的主題
  • WhatChord 是一個鋼琴和弦查找器
  • AIUI 是與 OAI 相容的 API 的 Web UI

學習資源

Svelte 貢獻者和大使的特色

本週的 Svelte

  • 第 74 集 — 更新日誌、競賽和 maybeStream，svelte:component 已過時
  • 第 75 集 — 更新日誌、$props、$state
  • 第 76 集 — 更新日誌、svelte-fsm、script 模組、尾隨斜線
  • 第 77 集 — 更新日誌、Context API、JSX 和單一檔案元件
  • 第 78 集 — 更新日誌、不確定狀態的核取方塊、類別和動作

Svienna 2024 年 9 月

閱讀文章

觀看影片

函式庫、工具和元件

  • Tzezar 的 Datagrid 是一個易於使用且易於自訂的資料網格元件
  • SparklePost 是一個示範應用程式，使用現代且高效能的網路開發技術實作在原生 iOS 和 Android 應用程式中常見的介面模式
  • tipex 是 SvelteKit 的可自訂富文本編輯器；基於 TipTap

本月就到這裡了！如果您發現我們遺漏了任何內容，請在 Reddit 或 Discord 上告訴我們。

下次再見 👋