ReactJS構(gòu)建用戶界面的 JavaScript 庫

React（有時(shí)叫React.js或ReactJS）是 Facebook 推出的一個(gè)為數(shù)據(jù)提供渲染為 HTML 視圖，用來構(gòu)建用戶界面的開源 JavaScript 庫。

React 視圖通常采用包含以自定義 HTML 標(biāo)記規(guī)定的其他組件的組件渲染。React 為程序員提供了一種子組件不能直接影響外層組件（"data flows down"）的模型，數(shù)據(jù)改變時(shí)對 HTML 文檔的有效更新，和現(xiàn)代單頁應(yīng)用中組件之間干凈的分離。

特性：

聲明式

• React 可以非常輕松地創(chuàng)建用戶交互界面。為你應(yīng)用的每一個(gè)狀態(tài)設(shè)計(jì)簡潔的視圖，在數(shù)據(jù)改變時(shí) React 也可以高效地更新渲染界面。以聲明式編寫 UI，可以讓你的代碼更加可靠，且方便調(diào)試。

組件化

• 創(chuàng)建好擁有各自狀態(tài)的組件，再由組件構(gòu)成更加復(fù)雜的界面。無需再用模版代碼，通過使用 JavaScript 編寫的組件你可以更好地傳遞數(shù)據(jù)，將應(yīng)用狀態(tài)和 DOM 拆分開來。

一次學(xué)習(xí)，隨處編寫

• 無論你現(xiàn)在正在使用什么技術(shù)棧，你都可以隨時(shí)引入 React 開發(fā)新特性。React 也可以用作開發(fā)原生應(yīng)用的框架 React Native。

示例代碼：

一個(gè)簡單的組件

class HelloMessage extends React.Component {
  render() {
    return (
      <div>
        Hello {this.props.name}
      </div>
    );
  }
}
ReactDOM.render(
  <HelloMessage name="John" />,
  mountNode
);

輸出：Hello John