React 的特性與思維，我該先學哪個框架呢?
[ 情境劇場 ]
解師傅：開一間餐廳，一定要先了解餐廳大致的方向，跟開店要注意的地方～
小當家：不就是熱炒店嗎？還有這麼多眉角阿．．．
解師傅：多的是你不知道的事，我們一起來研究吧～～
React 是聲明式、單向資料流，將資料化為視覺，操作使用者事件來變更資料
以下四點為 React 的特點
開發以 Component (組件)為單位
Component 是頁面的一部份，可以是一個區塊、一個 button 等
透過組件的組合與重複使用，建構出一個更好維護的應用程式
不是 MVC 框架
MVC 包含了 Model模型-邏輯層、View視圖-表現層、Controller控制器-事件層
而 React 精神專注在 View 表現層上面，用組件化的方式，讓開發者建構各式的使用者介面，可以重複使用、呈現資料、反應資料的改變
不使用 template
Angular 或 Vue 都有自己的 template
而 React 使用原生 Javascript，不用另外學習語法，只要用 Javascript、JSX 規範 就可以寫出 View，更增加了可維護性
不做資料綁定
Angular 或 Vue 都會將資料跟對應的視覺元素同步更新
而 React 採用單向資料流，不會直接修改 DOM 元素，使用 Virtual DOM 做比對更新。
Virtual DOM 顧名思義為虛擬 DOM，不是真正的 DOM，利用 JavaScrip 物件的資料結構來儲存在 memory 當中
當資料變更時，會先建立一個新的 virtual DOM，計算出新舊 virtual DOM 之間的差別，最後才會操作真正的 DOM，可保證每次只變更有變動的元素，藉此避免不必要的重製以提升效能
我該先學哪個框架呢?
又到了前端工程師的萬年考古題，想當初我也是猶豫了大半天
前端三大巨頭 Angular、React、Vue
Angular - 學習曲線較高，在時間成本上會花比較多的時間，使用 TypeScript
React - 技術上來說 React 並不是框架，而是一個用來渲染 UI 組件的函式庫，如果你已經非常熟悉 Javascript，那你一定很快學會，React 絕大部分都是在用 JavaScript
Vue - Vue 的模板提供了很多語法糖，簡單完成複雜的功能
要先學哪個其實都可以，如果公司有需求當然是先看團隊
如果是考慮時間成本，個人的建議是 - 熟 Javascript 學 React ，不熟練可以學 Vue
但學框架前，一定要先會基本的 Javascript 才可以哦！
我自己的經驗是先學 Vue，因為 Vue 跟 React 其實有很多相似之處，之後在學 React 也變快了！
在 npm trends 下載量，這幾年來 React 也是越來越高，可供大家參考
本文為 IT 鐵人賽系列文 你 React 了嗎? 30 天解鎖 React 技能
Hey！想學習更多前端知識嗎?
最近 Lala 開了前端課程 👉【實地掌握RWD - 12小時新手實戰班】👈無論您是 0 基礎新手，又或是想學 RWD 的初學者，
我們將帶你從零開始，深入了解並掌握 RWD 響應式網頁設計的核心技術，快來一起看看吧 😊
