REACT是什麼？

• 由Facebook在2013年開發的⼀個開源的前端框架
• 相較於其他的Angular與Vue，React專注在處理動態網⾴
  有關於View的部分，因為學習相對簡單所以⽬前使⽤者最多
• 相較於傳統的HTML+CSS+JS架構，前端框架更適合⽤來
  開發單⾴式的動態網⾴

REACT的特⾊

• 所有的HTML標籤都⽤JSX(Javascript XML)語法寫在JS函數裡⾯
• 原本的HTML檔案只有⼀個ID⽤來讓JS動態加入HTML標籤

JSX(Javascript XML)語法

是⼀種以Javascript書寫，但格式類似HTML的語法。React⽤JSX語法書寫排版元件
但仍有以下必需注意的規則：

1. 所有元件必需被包含在⼀個單⼀標籤之內

<div>
    <div className="box">
        <h1>Hello World</H1>
    </div>
</div>

2. return後⾯不能直接換⾏，必須有⽂字

return(
    <div className="box">
        <h1>Hello World</H1>
    </div>
);

3. 所有的標籤都必須要有開始與結束

 <div>…</div>
 <img> => <img />
 <br> => <br />

4. JSX可使⽤javascript變數，但是必須在⼤括號{...}內

今天分享的React基本知識就先到這裡
謝謝大家，明天見(˙ˇ˙)//