iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0
Modern Web

看初心者怎麼學React系列 第 2

Day2 React是什麼呢?

React是由facebook推出的前端函式庫 (library),主要使用語言是Javascript的ES6。
然而React其實不是個框架(Framework)!怎麼說呢?

在程式的架構模式中的MVC模式(Model–view–controller)分為三個部分:

  • 模型(Model)
  • 視圖(View)
  • 控制器(Controller)

React只負責處理其中的視圖部分。靠一次渲染多個元件(component)去組成UI畫面。
因此React可以配合其他函式庫來建立完整的應用程式。
(ex: 搭配Native來建立手機程式、 ReactDOM可以建立網路程式)


React的以下這些特色,大大提升了使用效能與靈活性:

  1. 使用結合原生JavaScript的JSX語法編寫模板。

  2. 使用宣告式建構UI畫面。宣告式專注程式碼最後的結果,透過傳遞綁定的資料,宣告的定義UI畫面便能即時更新。

  3. 模組化元件,獨立的元件有可重複利用特性,元件間的狀態不互相干擾,有著高維護性。

  4. 使用Virtual DOM(虛擬節點),只針對資料狀態改變重新渲染的VirtualDOM部分,到實體DOM 中進行更新。

  5. 單向資料流,透過prop將資料狀態從父節點由上往下傳遞到子元件,子元件狀態不可往上回傳,讓資料狀態更加直覺,好管理。

JSX?第一眼看到其中一些名詞真的會霧颯颯,我們在接下來的文章中來一步一步地瞭解這些特色的該怎麼操作吧!


上一篇
Day1 參賽前言
下一篇
Day3 建立React環境
系列文
看初心者怎麼學React30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言