iT邦幫忙

2022 iThome 鐵人賽

DAY 2
0
Modern Web

MERN Stack + Tailwind CSS - React 小專案實踐計畫系列 第 2

【Day 2】目前前端三大主流框架之一 - React

  • 分享至 

  • xImage
  •  

image framework

前端三大主流框架

如果有心往前端的方向前進,相信你肯定聽過這三個框架,他們常常被拿來比較,是目前前端三大主流框架:(以下為維基百科簡介)

  • React - React 是一個免費的開放原始碼前端 JavaScript 工具庫, 用於基於 UI 組件構建使用者介面。 它由 Meta 和一個由個人開發者和公司組成的社群維護。 React 可用作開發具有 Next.js 等框架的單頁、手機或伺服器彩現應用程式的基礎。(JavaScript)
  • Vue - Vue.js 是一個用於建立使用者介面的開源 MVVM 前端 JavaScript 框架,也是一個建立單頁應用的 Web 應用框架。(JavaScript)
  • Angular - Angular 是一個基於 TypeScript 的開源 Web 應用框架由 Google 的 Angular 團隊以及社群共同領導。(TypeScipt)

與一般傳統單純以 HTML, CSS, JavaScript 打造的靜態網頁不同,他們打造的是 SPA(Single Page Application) 單頁式應用架構的網站,由前端處理大部分的事情,開發出由前端渲染的「動態網頁」。

為什麼選擇 React?

image trend
上圖是近兩年的下載趨勢圖,很明顯能看出目前 React 是使用人數最多的,Vue 是其次,最後是 Angular,這三個框架有各自的擁護者,所以我也不多做評論,但確實在使用人數上,React 佔了蠻大的優勢,相對網路上的教學資源也就更豐富,這也是我選擇 React 的原因(並不是因為我目前只會 React)而且如果對 APP 開發也有興趣的話,也可以無痛使用同一體系的「React Native」,語法大致相同,也同時支援 ios 及 Android 系統!

題外話,如果未來要朝前端工程師前進的話,我認為學習 Vue 也是個好選擇,前陣子在看求職網時,發現台灣前端工程師的技能需求,竟然要求會 Vue 的數量遠遠大於 React!(個人猜測台灣 → Vue,外商 → React),至於 Angular 的確比較少見,但它還是有一定的地位啦,大多數企業也是只要這三個之中會一個就足夠了~

參考資料:


上一篇
【Day 1】什麼是 MERN Stack ? 為什麼選擇它?
下一篇
【Day 3】專案前的準備 - 流程規劃 & 頁面設計 Figma
系列文
MERN Stack + Tailwind CSS - React 小專案實踐計畫30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言