前言
學習本系列內容需要具備一定 HTML 開發(fā)基礎，沒有基礎的朋友可以先轉至 HTML快速入門(一) 學習
本人接觸 React Native 時間并不是特別長，所以對其中的內容和性質了解可能會有所偏差，在學習中如果有錯會及時修改內容，也歡迎萬能的朋友們批評指出，謝謝
文章第一版出自簡書，如果出現圖片或頁面顯示問題，煩請轉至 簡書 查看 也希望喜歡的朋友可以點贊，謝謝
JSX 和 組件 的概念
React的核心機制之一就是虛擬DOM（可以在內存中創(chuàng)建的虛擬DOM元素）React利用虛擬DOM來減少對實際DOM的操作從而提升性能。傳統(tǒng)的創(chuàng)建方式如下：
var newBox = document.createElement('div'); newBox.className = 'box'; $('main').appendChild(newBox);上面的代碼在可讀性方面比較不好，所以 React 開發(fā)了 JSX，利用我們熟悉的 HTML 語法來創(chuàng)建虛擬 DOM,創(chuàng)建方式如下：
<div className="box"> </div>
在實際開發(fā)中，JSX在產品打包階段已經編譯成純 JavaScript, JSX的語法不會帶來任何性能影響。所以，JSX可以看成是比較高級但依然直觀的語法糖
