[React] 從無到有建立全新的 React 應用程式

[前言]

本篇內容將提供快速的指引，包含相關需安裝的套件，從無到有建立全新的 React 應用程式( single-page application, SPA)

[安裝]

請先下載 node.js 打包檔於 https://nodejs.org/en/

本次範例是使用 node version v16.17.0 (.tar.gz file) 

安裝步驟如下:

$ tar xvf node-v16.17.0-linux-x64.tar.xz

$ cd node-v16.17.0-linux-x64

$ sudo cp -rf bin/* /usr/local/bin/

$ sudo cp -rf include/* /usr/local/include/

$ sudo cp -rf lib/* /usr/local/lib/

$ node -v

v14.17.0

$ npm

6.14.13

完成後，可以安裝相關套件

$ sudo npm install --global yarn

$ yarn --version

1.22.10

[Create React App]

Create React App 是React官方推薦的適合學習 React 的環境，而且也是使用 React 建立一個全新的 single-page 應用程式的最佳方法。

它會為你設定好開發環境，以便你能夠使用最新的 JavaScript 特性，提供良好的開發者體驗，並且為線上環境最佳化你的應用程式。你需要在你的機器上安裝 Node >= 14.0.0 and npm >= 5.6。要建立項目，請執行：

$ npx create-react-app my-app

$ cd my-app

$ npm start

//or

$ yarn start

React也已經支援TypeScript，若需要專案使用Typescript，以下列方式可快速建好

$ create-react-app my-app --typescript