提醒：由於看到這系列鐵人訂閱人數漸漸變多，標記一下這些內容是在「非常萌新時期」所寫，更多技術內容請參考我的 Github，歡迎跟我一起討論 ^ ^

由於最近剛好有機會聆聽前輩介紹 ReactJS ，為了搭上這一波車，決定先撥幾天時間，完成W3C的React Tutorial，將其做個基礎認識。

前言

可重複使用於建立 UI components 的 JS library。

• react 會先建立一個虛擬的DOM，在其中操作變更後，再與DOM比對後，只將需變動的部分進行變更。
• 環境基本需求：需安裝 NPM、Node.js、create-react-app
• React 會使用ES6的功能：Class、箭頭函式、變數(let, const)。
  • 其中需注意箭頭函式的 this ，其沒有函式獨有的this，而是指向該函式所屬於的object。

可使用JSX

• 可在JS中，直接以 XML 的形式書寫。
• 可在 HTML 中以 { } 插入JS的內容。（如：{1+1}、{this.name}）
• HTML code 需由單一個 element 包住。
• 多行的 HTML 由 ( ) 包住。

基本架構

• 以ReactDOM.render(內容,目的地)，來執行渲染。
  例如：
  ReactDOM.render(<App />, document.getElementById('root'))