【Day 02】 什麼是ReactJS - iT 邦幫忙 | react是什麼
知己知彼才能百戰百勝開始激戰之前要先探探敵情才是所以這篇主要是對ReactJS做基本的介紹本篇為針對ReactJS的行前說明,程式碼的部分後面會另外再分篇深入探討。在官方網站他是這麼說的:AJavaScriptlibraryforbuildinguserinterfaces.我想翻譯過來應該可以整理成這樣:是一套JavaScript的函式庫(Library)透過組件(Component)產生前端使用者介面(UI,UserInterface)具有可重複使用(Reusable)的特性ReactJS的特色要開發ReactJS首先有幾個一定要知道的名詞:JSXJSX是JavaScript的延伸語法也有人稱是JavaScript的語法糖(Syntacticsugar)...
知己知彼才能百戰百勝開始激戰之前要先探探敵情才是所以這篇主要是對 ReactJS 做基本的介紹
本篇為針對ReactJS的行前說明,程式碼的部分後面會另外再分篇深入探討。
在官方網站他是這麼說的:
A JavaScript library for building user interfaces.我想翻譯過來應該可以整理成這樣:
是一套 JavaScript 的函式庫(Library) 透過組件(Component)產生前端使用者介面(UI, UserInterface) 具有可重複使用(Reusable)的特性 ReactJS的特色要開發ReactJS首先有幾個一定要知道的名詞:
JSXJSX 是 JavaScript 的延伸語法也有人稱是 JavaScript 的語法糖(Syntactic sugar)
JSX 提供 XML-like 的語法來撰寫 JavaScript讓程式碼變得更容易撰寫及閱讀開發 ReactJS 的程式 並非一定 要使用 JSX但是由於真的方便非常非常多因此大家都推推喔!
ComponentComponent 的概念類似「組件」
一個完整的組件是由許多的小小元件共同組成ReactJS 將畫面上可見的元素都視作一個組件每個組件都可以在需要的時候被產生出來達到重複使用的效果這能讓管理程式碼及整個網頁變得更加容易
Unidirectional data flow and FluxReactJS 使用 Flux 單向資料流架構為了解決應用程式狀態(App State)的問題開發團隊所提出的讓資料流方向統一的架構
ReactJS的優點 ReactJS最大的優點是「效能」ReactJS 使用 JavaScript 撰寫的 Virtual DOM當有元件的狀態被改變時會先在 Virtual DOM 中進行重新繪製繪製完成後透過 diff 演算法找出更新後與當前畫面不同的部分然後才針對這些部分重新繪製因此相較於直接透過 DOM 重繪更新畫面使用 ReactJS 可以讓整個...