React Manuel de référence chinois
/ React 教程
React 教程
React 教程
React 是一個用于構(gòu)建用戶界面的 JAVASCRIPT 庫。
React主要用于構(gòu)建UI，很多人認為 React 是 MVC 中的 V（視圖）。
React 起源于 Facebook 的內(nèi)部項目，用來架設(shè) Instagram 的網(wǎng)站，并于 2013 年 5 月開源。
React 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關(guān)注和使用它。
React 特點
1.聲明式設(shè)計 ?React采用聲明范式，可以輕松描述應(yīng)用。
2.高效 ?React通過對DOM的模擬，最大限度地減少與DOM的交互。
3.靈活 ?React可以與已知的庫或框架很好地配合。
4.JSX ? JSX 是 JavaScript 語法的擴展。React 開發(fā)不一定使用 JSX ，但我們建議使用它。
5.組件 ? 通過 React 構(gòu)建組件，使得代碼更加容易得到復(fù)用，能夠很好的應(yīng)用在大項目的開發(fā)中。
6.單向響應(yīng)的數(shù)據(jù)流 ? React 實現(xiàn)了單向響應(yīng)的數(shù)據(jù)流，從而減少了重復(fù)代碼，這也是它為什么比傳統(tǒng)數(shù)據(jù)綁定更簡單。
閱讀本教程前，您需要了解的知識：
在開始學(xué)習(xí) React 之前，您需要具備以下基礎(chǔ)知識：
HTML5
CSS
JavaScript
React 第一個實例
在每個章節(jié)中，您可以在線編輯實例，然后點擊按鈕查看結(jié)果。
本教程使用了 React 的版本為 0.14.7，你可以在官網(wǎng) http://facebook.github.io/react/ 下載最新版。
實例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="http://static.php.cn/assets/react/react-0.14.7/build/react.min.js"></script>
<script src="http://static.php.cn/assets/react/react-0.14.7/build/react-dom.min.js"></script>
<script src="http://static.php.cn/assets/react/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
</script>
</body>
</html>運行實例 ?
點擊 "運行實例" 按鈕查看在線實例