前言
基於項目需求，最近開始不得不接觸前端開發的領域啦。吼吼，從此是不是可以自稱全棧開發了🤣～
此係列學習筆記依然是以幫助自己學習、消化以及回憶爲目的，將會涉及學習React，Type Script 以及目標 React Native 的心路歷程。
React
React 官方系列教程是我學習的主要參考資料。React 是一個用於構建用戶界面的 JavaScript 庫，起源於Facebook，2013年5月開始開源流行。
ReactJS官網地址：http://facebook.github.io/react/
Github地址：https://github.com/facebook/react
零安裝、在html中使用React
使用React無需複雜安裝配置，只需創建相應的html文件並引入React源文件即可。
步驟 1： 添加一個 DOM 容器到 HTML
首先，打開你想要編輯的 HTML 頁面。添加一個空的 <div> 標籤作爲標記你想要用 React 顯示內容的位置。例如：
<!-- ... 其它 HTML ... -->
<div id="root"></div>
<!-- ... 其它 HTML ... -->
我們給這個 <div> 加上唯一的 id HTML 屬性。這將允許我們稍後用 JavaScript 代碼找到它，並在其中顯示一個 React 組件。
步驟 2：添加 Script 標籤
接下來，在 </body> 結束標籤之前，向 HTML 頁面中添加三個 <script> 標籤：
<!-- ... 其它 HTML ... -->
<!-- 加載 React -->
<!-- 注意: 部署時，將 "development.js" 替換爲 "production.min.js" -->
<script src="https://unpkg.com/react/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone/babel.min.js"></script>
react.development.js 是 React 的核心庫，react-dom.development.js 是提供與 DOM 相關的功能，引入babel進行語法編譯。
上述以CDN鏈接方式引入React的UMD版本，具體介紹參見官方文檔。
Hello World 完整代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script src="https://unpkg.com/react/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
</script>
</body>
</html>
ReactDOM.render 是 React 的最基本方法，用於將模板轉爲 HTML 語言，並插入指定的 DOM 節點。
HTML 語言直接寫在 JavaScript 語言之中，不加任何引號，這就是 JSX 的語法，它允許 HTML 與 JavaScript 的混寫。