React介紹

React 起源于 Facebook 的內(nèi)部項目，React 用于構(gòu)建用戶界面的JavaScript庫

React 文檔

英文文檔： https://reactjs.org
中文文檔： https://doc.react-china.org/
gitHub地址：https://github.com/facebook/react

React 特點(diǎn)

聲明式：React 可以非常輕松地創(chuàng)建用戶交互界面。為你應(yīng)用的每一個狀態(tài)設(shè)計簡潔的視圖，在數(shù)據(jù)改變時 React 也可以高效地更新渲染界面。
組件化：創(chuàng)建好擁有各自狀態(tài)的組件，再由組件構(gòu)成更加復(fù)雜的界面。
一次學(xué)習(xí)，隨處編寫：無論你現(xiàn)在正在使用什么技術(shù)棧，你都可以隨時引入 React 開發(fā)新特性。
React 也可以用作開發(fā)原生應(yīng)用的框架[React Native]
(https://facebook.github.io/react-native/ )

React 優(yōu)勢

• 使用組件化開發(fā)方式，符合現(xiàn)代Web開發(fā)的趨勢
• 技術(shù)成熟，社區(qū)完善，配件齊全，適用于大型Web項目（生態(tài)系統(tǒng)健全）
• 由Facebook專門的團(tuán)隊維護(hù)，技術(shù)支持可靠
• ReactNative - Learn once, write anywhere: Build mobile apps with React
• 使用方式簡單，性能非常高，支持服務(wù)端渲染 SSR
• React非?；穑瑥募夹g(shù)角度，可以滿足好奇心，提高技術(shù)水平；從職業(yè)角度，有利于求職和晉升，有利于參與潛力大的項目

React入門實(shí)例

<div id="app"></div>
<!-- 引包 -->
<script src="./react.development.js"></script>
<script src="./react-dom.development.js"></script>
<script src="./babel.min.js"></script>
  <script type="text/babel">
    // 2. 創(chuàng)建了一個react對象
    // <div id="box" title="哈哈">我是內(nèi)容</div>
    // 表示創(chuàng)建一個react對象
    // 參數(shù)1：創(chuàng)建什么類型的對象，標(biāo)簽的名字
    // 參數(shù)2：創(chuàng)建的元素的屬性有哪些  對象
    // 參數(shù)3：創(chuàng)建的react對象的內(nèi)容（子元素）
    // 返回值： 就是一個react對象
    let element = React.createElement('div', {id: 'box', title: '我是react'}, '我是內(nèi)容')
    //3. 把react對象渲染到頁面
    // 參數(shù)1： react對象
    // 參數(shù)2： 渲染到頁面中的DOM容器
    ReactDOM.render(element, document.getElementById('app'))
  </script>