與基於元件的框架（例如 React、Angular 或 Vue）不同，使用 Svelte，您可以將建置用戶界面提升到一個新的水平。許多開發人員有興趣了解如何使用 Svelte 進行建置，以下是一份精選的有價值資源列表，可幫助您開始使用 Svelte。
原文出處：https://dev.to/dailydotdev/building-with-svelte-all-you-need-to-know-before-you-start-2knj
為什麼選擇 Svelte？
Svelte 最近在前端開發人員中越來越受歡迎。以下簡要介紹主要優勢。
有什麼好處？
-
Svelte 不是在瀏覽器中完成大部分工作，而是在您建置應用程式時完成它的工作，並將其編譯為高效的 vanilla JavaScript。
-
減少您正在使用的 JavaScript 框架的成本。通過將 Svelte 編譯為 vanilla JavaScript，可以提高程式碼的可讀性，實現重用性，並生成更快的 Web 應用程式。
-
Svelte 不需要聲明式的、狀態驅動的程式碼，瀏覽器必須將其轉換為 DOM 操作。這意味著你不再需要使用虛擬 DOM。
缺點是什麼？
-
IDE 支持 還不能與常用框架相媲美。它還有很大的改進空間。雖然有一些很好的在線資源可以解決一些問題，但目前，它可以被視為一個主要缺點。
-
目前沒有多少 Svelte 開發工具。它仍然是一個年輕且不斷發展的生態系統。然而，這也是為 Svelte 社區開發一些內容的絕佳機會。
-
小型開源生態系統。與許多其他框架一樣，圍繞特定框架建置大型社區需要時間。儘管 Svelte 已經走了相當不錯的路，但仍然沒有足夠的開源貢獻者。同樣在這裡，您也可以將其視為機會。
想詳細了解使用 Svelte 進行建置的優缺點嗎？
幫助您入門的資源
Svelte 生態系統 101 👋🏼
教程🤓
以下精選了實用、全面且用戶友好的教程：
-
官方教程 由 Svelte 開發人員提供。
用例和演示 🚀
與任何事情一樣，在開始新事物時，靈感很重要。查看一些使用 Svelte 的很棒的專案。
-
OmniaWrite - 專為創意寫作而設計的文本編輯器。同樣在 GitHub
-
TypeRunner.js - 一個簡單的打字遊戲，有 2-4 名人類玩家相互競爭。先打出整個文本塊的人獲勝。
-
Hacker News 克隆 使用 Svelte 建置。同樣在 GitHub 上。
-
許多其他應用程式的炫酷展示 使用 Svelte 製作
有用的程式碼庫💻
-
svelte-grid - 響應式、可拖動和可調整大小的網格佈局，適用於 Svelte
-
Vime - 專注於簡化網絡媒體元素的嵌入和使用
-
svelte-mui - 一組受 [Google 的 Material Design] 啟發的 Svelte UI 組件(https://material.io/design)
-
svelte-component-template - 建置可共享的 Svelte 3 組件的基礎
-
svelte-loader - Svelte 組件的 Webpack 加載器
-
svelte-routing - 具有 SSR 支持的聲明式 Svelte 路由庫
-
Routify - 自動化 Svelte 路線
-
svelte-inetllij - 提供 WebStorm 和朋友中 Svelte 組件的語法突出顯示
-
@testing-library/svelte - 鼓勵良好實踐的簡單而完整的 DOM 測試實用程序
-
svelte-apollo - Apollo GraphQL 的 Svelte 集成
-
搜尋更多 此處
-
探索一些基本的程式碼示例
開發者工具🔧
正如我們所說……目前可用的經過現場測試的開發人員工具不多。但是，這個非常有用：Chrome 和 Firefox
隨時了解 Svelte 新聞🏄🏻
-
Why Svelte - 專為 Svelte 新聞打造的新聞聚合器
-
daily.dev - 不要錯過有關 Svelte 的更新。讓 daily.dev 在每個新標籤頁為您收集最新的科技新聞並進行排名
-
Svelte 時事通訊 - 每兩週將最新的 Svelte 新聞發送到您的收件箱
以上分享，希望對你有幫助！
稍微看了一下，最近在國外確實很紅，但我有點不懂
有使用過的朋友，能分享一下經驗嗎？