工程開發
svelte-runes avatar

svelte-runes

Svelte 5 Runes 專業指南:涵蓋反應式狀態 ($state)、衍生值 ($derived)、副作用 ($effect)、props 及遷移策略。協助開發者避免常見反應式設計錯誤。

簡介

此技能為使用 Svelte 5 框架的開發人員提供專業支援,重點關注 Runes 反應式系統。專為遷移遺留 Svelte 4 代碼庫或構建現代 Svelte 應用的工程師而設計,提供關於反應式原語應用的精確指導,確保代碼穩定性、效能與可維護性。

  • 針對 $state、$derived、$effect、$props 及 $bindable 語法的專家級支援。

  • 處理複雜物件與陣列的深層反應式模式。

  • 完整的 Svelte 4 轉 5 遷移建議,包含如何處理舊版反應式語句與組件生命週期。

  • 關於使用 @attach 替代 action,以及管理 snippet 與 slot 的最佳實踐。

  • 解決常見反應式錯誤,例如錯誤的狀態重賦值或混用新舊語法。

  • 當實作反應式邏輯、定義組件介面或調試狀態同步問題時使用此技能。

  • 技能提供標準模式的參考文件,如惰性求值、副作用追蹤以及組件間資料綁定。

  • 常見輸入包含對 Svelte 運行時行為的技術提問、代碼重構請求,或識別 UI 狀態管理中的反模式。

  • 輸出提供可操作的程式碼片段、架構建議,以及針對特定情況下為何選擇特定 Rune 的詳細說明。

  • 使用者需注意 Runes 被設計用於頂層作用域;此技能會強制執行這些約束,以防止運行時錯誤並確保與 Svelte 編譯器的兼容性。

倉庫統計

Star 數
203
Fork 數
20
Open Issue 數
11
主要語言
TypeScript
預設分支
main
同步狀態
閒置
最近同步時間
2026年4月30日 上午11:25
在 GitHub 查看