跳至主要內容

Svelte 最新動態：2022 年 5 月

使用 <svelte:element> 動態切換 HTML 元素類型

Dani Sandoval

隨著昨天的 Svelte Summit 結束，我們有很多新聞要分享！請查看 Svelte Society YouTube 頻道上的所有錄影，以及本月稍後的其他更新...

Svelte 最新動態

  • <svelte:element> 元素可讓您渲染動態指定類型的元素。例如，當從 CMS 渲染富文本內容時，這非常有用。查看文件或教學以獲取更多資訊 (3.47.0)！

語言工具更新

  • 現在支援 svelte:element 和 sveltekit:reload
  • 現在會自動偵測無效的 Svelte 匯入路徑 - 請參閱 PR 以恢復舊行為 (#1448)
  • source.sortImports 可讓您排序匯入，而不會刪除未使用的匯入 (#1338)
  • 現在將滑鼠游標停在 HTML 屬性上方時，會顯示 HTML 懸停資訊，而不是 TS 懸停資訊 - 產生更有用的資訊 (#1447)
  • 在 VS Code 中，您現在可以使用 Insert Snippet 命令將現有的程式碼區塊包裝在控制流程標籤中 (#1373)

SvelteKit 最新動態

  • 現在可以在路由目錄中將檔案和目錄命名為 __tests__ 和 __test__ (#4438)
  • 現在支援 Netlify Edge Functions (#4657) 和 Vercel 建置輸出 API (#4663)
  • 載入路由時，現在可以使用自訂的 load 相依性，即代表頁面所相依的 URL 字串陣列 (文件，#4536)

重大變更

  • 驗證器現在稱為「匹配器」(文件，#4358)
  • __layout.reset 已被具名版面配置取代 - 具名版面配置在共用版面配置元素方面具有更高的可配置性 (文件，#4388)
  • 現在會為 rel="external" 連結跳過預先渲染 (#4545)
  • maxage 在 LoadOutput 中現在是 cache (#4690)

社群展示

使用 Svelte 建置的應用程式與網站

  • polySpectra AR 可讓您透過無縫 AR 檔案交接更快地建立 3D 列印原型 (影片展示)
  • Pixel Art Together 是一個由 Liveblocks 提供技術支援的免費多人像素藝術編輯器
  • Tooling Manager 可讓您將您的 JavaScript 技術堆疊與業界標準樣板進行比較
  • Easy Portfolio 會根據您的 GitHub 個人檔案產生作品集
  • FLOAT 是一個用於活動的出勤追蹤程式
  • The Coin Perspective 是一個加密貨幣價格追蹤器和投資組合管理工具
  • Locutionis 是一個小型、線上修辭格參考（法語）
  • ASM Editor 是一個適用於 M68K 和 MIPS 的多合一網頁編輯器
  • Otium 是一個免費的開放原始碼書籍管理器和書架整理器，可協助您管理您的書籍和您想要閱讀的書籍
  • Sinwaver 是一個 SVG 正弦波產生器

想要為現代化的 SvelteKit 網站貢獻嗎？協助建置 Svelte Society 網站！

學習資源

閱讀

觀看或聆聽

程式庫、工具和元件

  • KitDocs 是 SvelteKit 的文件整合 - 類似於 Svelte 的 VitePress。
  • Svelte Copy 是一個點擊/點選以複製的程式庫，可讓您輕鬆複製到剪貼簿
  • Svend3r 提供美觀的可視化效果，利用 D3 的強大功能將您的資料帶入生活，同時抽象化其命令式程式碼
  • Svelte Hamburgers 是易於使用的 Svelte 漢堡選單元件
  • Svelte Droplet 是 Svelte 的檔案放置區
  • Svelte MP3 是一個輕巧快速，但簡單且極簡的 Svelte 音訊播放器
  • SvelteUI 是一個元件程式庫，可讓您比以往更快地建置功能齊全且可存取的網頁應用程式
  • svelte-spotlight 是一個無頭聚光燈元件，可協助您在幾分鐘內建置網站的全域搜尋方塊
  • svelte-pdf-simple 是一個簡單的 svelte 程式庫，用於顯示 PDF 並為您提供所有控制權
  • persistent-svelte-store 是一個通用的持久可寫入儲存區，根據 Svelte 儲存區合約以 TypeScript 從頭開始建置
  • svelte-exmarkdown 是動態渲染 markdown 的 Svelte 元件
  • Bookit 是一個類似 storybook 的元件渲染環境 - 經過微調，可以直接在您的 SvelteKit 專案中運作

在 Reddit 或 Discord 上加入我們，繼續對話。

如果您希望親自加入我們，Svelte Summit 終於要順利過渡到現實世界。快來加入我們，參加為期兩天的精彩 Svelte 內容！立即購買您的門票！

下個月見！