10種 JS 框架評比

JS 框架滿滿是,逐家佮意佗一味?

引言

從下載數來看,顯然 React 奪冠。

GitHub 星數呢?那當然是 Vue 最多。

當你到臉書社團詢問時,甚至還有前輩會叫你自己手工刻一個。

Fireship 的 Jeff Delaney,直接用 10 種不同的框架,實際寫一段一樣功能的程式,來比較各框架的差異及優缺點。

10 個 JS 框架

  1. Vanilla JS (接近手刻)
  2. React
  3. Angular
  4. Vue
  5. Svelte
  6. Lit
  7. Alpine
  8. Solid
  9. Stencil
  10. Mithril

這個程式在做什麼?

一個可以將新的待辦事項,加入待辦列表中的網頁,而且會將資料暫存(網頁 refresh 後依然存在),以供未來參考。

看起來好像蠻簡單,其實還是有幾個項目要處理:state management, data binding, events & life cycle。拿來作框架比較還蠻合適的。

如果你只對其中幾個框架感興趣,建議到 YouTube 看影片說明,說明中特別標註各框架播放位置,可以跳著看。

原始碼(所有框架)

效能評比使用工具

效能評比截圖:

參考資料:

Stack Overflow 2021 年 開發者調查報告

直接看 Web frameworks 排行榜: