React 是一個(gè)用于構(gòu)建用戶界面的JavaScript 庫(kù)。

React主要用于構(gòu)建UI，很人多認(rèn)為 React 是 MVC 中的 V（視圖）。

React 起源于 Facebook 的內(nèi)部項(xiàng)目，用來(lái)架設(shè) Instagram 的網(wǎng)站，并于 2013 年 5 月開(kāi)源。

React 擁有較高的性能，代碼邏輯非常簡(jiǎn)單，越來(lái)越多的人已開(kāi)始關(guān)注和使用它。


React 特點(diǎn)

  • 1.聲明式設(shè)計(jì) ?React采用聲明范式，可以輕松描述應(yīng)用。

  • 2.高效 ?React通過(guò)對(duì)DOM的模擬，最大限度地減少與DOM的交互。

  • 3.靈活 ?React可以與已知的庫(kù)或框架很好地配合。

  • 4.JSX ? JSX 是 JavaScript 語(yǔ)法的擴(kuò)展。React 開(kāi)發(fā)不一定使用 JSX ，但我們建議使用它。

  • 5.組件 ? 通過(guò) React 構(gòu)建組件，使得代碼更加容易得到復(fù)用，能夠很好的應(yīng)用在大項(xiàng)目的開(kāi)發(fā)中。

  • 6.單向響應(yīng)的數(shù)據(jù)流 ? React 實(shí)現(xiàn)了單向響應(yīng)的數(shù)據(jù)流，從而減少了重復(fù)代碼，這也是它為什么比傳統(tǒng)數(shù)據(jù)綁定更簡(jiǎn)單。

閱讀本教程前，您需要了解的知識(shí)：

在開(kāi)始學(xué)習(xí) React 之前，您需要具備以下基礎(chǔ)知識(shí)：

React 第一個(gè)實(shí)例

在每個(gè)章節(jié)中，您可以在線編輯實(shí)例，然后點(diǎn)擊按鈕查看結(jié)果。

本教程使用了 React 的版本為 v17.0.2，你可以在官網(wǎng) http://facebook.github.io/react/ 下載最新版。

React 實(shí)例

<div id="example"></div>
<script type="text/babel">
  ReactDOM.render(
    <h1>學(xué)編程,就到W3Cschool!</h1>,
    document.getElementById('example')
  );
</script>

嘗試一下 ?