小編精選 - 技術文章翻譯 · 03月23日

最新前端框架 Svelte：參考資源整理大全

與基於元件的框架（例如 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 的很棒的專案。

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

以上分享，希望對你有幫助！

0個讚 1留言 482瀏覽

共有 1 則留言

登入之後發表留言

文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式

站長阿川 1年前

稍微看了一下，最近在國外確實很紅，但我有點不懂

有使用過的朋友，能分享一下經驗嗎？

0個讚回覆

留言......

精選技術文章翻譯，幫助開發者持續吸收新知。