Svelte

白話文說明

多數框架（React、Vue）會在使用者的瀏覽器裡執行一份「框架程式」來管理畫面。Svelte 的想法不一樣：它在編譯階段就把這些工作處理好，產出的成品幾乎是純淨的原生程式，因此又小又快。

Svelte 的寫法也很精簡，做同一件事通常比其他框架少打很多字，新手常覺得概念直覺。代價是它較新、生態最小，職缺與現成套件不如 React 多。

架構圖

運作流程

「沒有虛擬 DOM」白話講

你常會聽到「Svelte 沒有虛擬 DOM」，這裡用白話拆解。多數框架會送一段輔助程式到瀏覽器，在你用網頁時即時算出畫面該更新哪裡。Svelte 把這件事提早到「編譯時」就算好，直接把元件變成小小的純 JavaScript。於是要下載的程式更少、使用時要跑的也更少——對你而言，就是網站更小、開得更快。

重點整理

• Svelte＝編譯期就消化框架，成品又小又快。
• 寫法最精簡，新手覺得直覺。
• 生態最小，職缺與現成套件較少。