安裝方式

根據官網介紹，本次鐵人賽會著重介紹下列三種安裝方式:

1. CDN連結
2. 快速建立react環境的Create React App
3. 根據過去寫程式的習慣，使用各種方便好用的Toolchain(如Next.js、Gatsby等)

上述三種安裝方式簡介

• CDN連結:分成開發及程式正式上線時兩種版本，一般在想要快速引用react檔案時使用，新手剛入門時建議使用此方式幫助理解react運作方式。

<!-- 開發時 -->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

<!-- 專案發佈時 -->
<script src="https://unpkg.com/react@16/umd/react.production.min.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js" crossorigin></script>

• Create React App:一款由Facebook開發的react架構，幫助React開發者瞬間生成一個項目的基礎目錄結構。安裝了Node和npm之後，便可以安裝並直接執行create-react-app來創建專案。

npx create-react-app my-app
cd my-app
npm start

-Next.js:一款受歡迎和輕量的框架，用於使用 React所建立的靜態和伺服器渲染的應用程式。它自身已包括了 styling 和 routing 的方案，建議常使用Node.js作為伺服器環境開發的人使用。

• Gatsby:Gatsby 是使用React建立靜態網頁的最佳方法。它讓你使用React的component，但會輸出事前渲染好的HTML 和 CSS 來保證最快的載入時間。