跳至主要內容

Svelte 最新消息：2022 年 3 月

Svelte Summit Spring 即將到來...以及頁面端點登場！

Dani Sandoval

最新公告：Svelte Summit Spring 將於 2022 年 4 月 30 日舉行。第五屆虛擬 Svelte 會議正在徵求講者和贊助商...所以是時候整理你的提案了！

此外，本月 SvelteKit 新增了一些長期以來被要求的特性...包括頁面端點！load 函式運作方式的這項變更使得擷取基本頁面所需的資料、從 POST 回應重新導向以及處理 404 和其他錯誤變得更加容易。

以下是關於此變更以及其他新特性和修正的更多資訊！

SvelteKit 的新功能

  • 文件現在可搜尋且有多個頁面，其中包含類型定義和可懸停的程式碼範例 - 請瀏覽 svelte.dev/docs/kit 查看
  • 頁面端點顯著減少了載入頁面時所需的樣板程式碼（問題、PR、文件）
  • 應用程式版本控制和更新偵測支援可讓您判斷在應用程式更新後路由載入失敗時該怎麼做（問題、PR、文件）
  • npm init svelte@next 中的新選項現在將會自動設定 Playwright 以進行測試（PR）

重大變更

  • target 選項不再可用。相反地，init 腳本會注入其 parentNode（#3674）
  • 應用程式層級的類型現在位於 App 命名空間中，這可讓您輸入全域類型，例如 Stuff 或 Session（#3670）
  • JSONString 現在是 JSONValue（#3683）
  • createIndexFiles 已被移除 — 現在由 trailingSlash 選項控制（#3801）
  • SvelteKit 將不再從預先渲染中排除根相對外部連結，如果這些 URL 旨在由單獨的應用程式提供服務，則會導致 404。如果需要忽略它們，請使用自訂的 prerender.onError 處理常式（#3826）

語言工具的新功能

  • Svelte 語言工具已改進在標記中存取屬性的功能（105.12.0）- 解決了自動完成的一些已知問題（#538 / #1302）

社群展示

應用程式與網站

  • SvelteStorm 專門為 Svelte 開發人員提供建構 Svelte 應用程式所需的所有基本工具
  • Supachat 是一個使用 Svelte 和 Supabase 的即時聊天應用程式
  • Radicle 是一個用於共同建構軟體的點對點堆疊
  • The Making Known 是一個帶有旁白的體驗，其中包含納粹德國政府在二戰期間設計的與比利時、法國和盧森堡等被佔領國家溝通的海報
  • Svelte Kanban 是一個用純 CSS 製作的簡單 Svelte 看板
  • fngrng 是一個著重於準確性而非速度的打字訓練工具
  • 產生式網格 是 Svelte REPL 中一個精巧的產生式 SVG 網格，具有隨機產生的調色盤和形狀
  • LifeHash 是一種雜湊視覺化方法，可建立美觀且具決定性的圖示
  • TypedWebhook.tools 是一個用於檢查承載內容的 Webhook 測試工具，具有自動類型產生功能
  • Speedskating 是一個動畫小工具，用於顯示奧運競速滑冰的過程。使用 Svelte、D3 和 regl 建構
  • Web tail 是一個 Web 應用程式，用於檢視本機系統或遠端伺服器上檔案中的行

想要與其他人一起在 SvelteKit 網站上工作嗎？為 Svelte Society 網站貢獻一份力量！

學習資源

閱讀

觀看

程式庫、工具與元件

  • gosvelte 是一個概念驗證，用於在 GoLang HTTP 伺服器上提供 Svelte 產生的頁面，伺服器資料會作為 props 傳送至 Svelte 元件
  • svelte-ethers-store 使用 ethers.js 程式庫作為 Svelte、Sapper 或 SvelteKit 的可讀 Svelte 儲存區集合
  • Fluid Grid 是一個適用於未來 Web 的 CSS 網格系統
  • stirstack 是一個固執己見的框架，結合了 Svelte.js、TailwindCSS、InertiaJS 和 Ruby on Rails
  • OATHqr 可協助使用者建立用於 2FA/MFA 和其他啟用 OATH 的應用程式的安全憑證。使用它來為一次性密碼驗證器應用程式（例如 Aegis 或 YubiKey）產生可掃描的 QR 碼
  • svelte-GridTiles 是一個拖放式可調整大小的圖塊程式庫，建構在反應式網格上
  • Miscellaneous Svelte Components 是 alex-knyaz 在專案中經常使用的一些雜項 Svelte 元件的集合
  • walk-and-graph-svelte-components 是一個 CLI 節點腳本，用於遍歷 Svelte 和 js 檔案，以繪製您的相依性（又稱「匯入」）的美麗 JPG
  • Felte 是一個簡單易用的 Svelte 表單程式庫
  • svelte-use-tooltip 是一個 Svelte 動作，用於顯示工具提示
  • persistent-svelte-store 是一個泛型持續可寫儲存區，根據 Svelte 儲存區契約在 TypeScript 中從頭建構

我們錯過了什麼嗎？請在 Reddit 或 Discord 上加入我們，繼續對話。

下個月見！