React是由facebook推出的前端函式庫 (library),主要使用語言是Javascript的ES6。
然而React其實不是個框架(Framework)!怎麼說呢?
在程式的架構模式中的MVC模式(Model–view–controller)分為三個部分:
而React只負責處理其中的視圖部分。靠一次渲染多個元件(component)去組成UI畫面。
因此React可以配合其他函式庫來建立完整的應用程式。
(ex: 搭配Native來建立手機程式、 ReactDOM可以建立網路程式)
React的以下這些特色,大大提升了使用效能與靈活性:
使用結合原生JavaScript的JSX語法編寫模板。
使用宣告式建構UI畫面。宣告式專注程式碼最後的結果,透過傳遞綁定的資料,宣告的定義UI畫面便能即時更新。
模組化元件,獨立的元件有可重複利用特性,元件間的狀態不互相干擾,有著高維護性。
使用Virtual DOM(虛擬節點),只針對資料狀態改變重新渲染的VirtualDOM部分,到實體DOM 中進行更新。
單向資料流,透過prop將資料狀態從父節點由上往下傳遞到子元件,子元件狀態不可往上回傳,讓資料狀態更加直覺,好管理。
JSX?第一眼看到其中一些名詞真的會霧颯颯,我們在接下來的文章中來一步一步地瞭解這些特色的該怎麼操作吧!