前言
React 是 Facebook 在 2013 年開源的一款前端框架
當時由于 Ajax 技術興起，大量原來由服務端處理的邏輯，慢慢轉移到前端做處理，這也是為了追求更流暢的 Web 交互體驗。后來為了「提升開發效率和應用性能」，開始有很多大型前端框架出現（如：AngularJS），這些框架也讓工程師們越來越關注 UI 層面的操作（如：頻繁操作 DOM），「應用性能越來越差」，并伴隨無法預知的 BUG 出現，之后 Facebook 工程師開始打造自己的前端框架，解決前面總結的問題，于是 React 就誕生啦～
一、React起手式
安裝
npm install -g create-react-app
創建
npx create-react-app my-app
二、React兩個最重要的元素引入
import React from 'react'
import ReactDom from 'react-dom' //用來構建頁面
React一般使用JSX語法來構建頁面
例如
const element = <h1>Hello, world!</h1>
bable-loader將該jsx語法將被解析為，
React.createElement('h1','Hello, world!')
react再將解析后的語法解析為瀏覽器看得懂的js語法
ReactDom渲染ui
ReactDOM.render(
<div></div>, //ui
document.getElementById('root') //掛載節點
);
React 元素是不可變對象。一旦被創建，就無法更改它的子元素或者屬性。一個元素就像電影的單幀：它代表了某個特定時刻的 UI。更新 UI 唯一的方式是創建一個全新的元素，并將其傳入
雖然傳入的是一個全新的ui，React并不會直接更新整個UI，而是React DOM 會將元素和它的子元素與它們之前的狀態進行比較，只更新變化的部分
