文科少女學程式

原本表定五月就要開始專心學React了，結果太過懶散的我還是拖到前陣子才終於有比較完整的React學習進度了。所以學習筆記可以來點不一樣的東西了，每天都看Vue也是會膩的，呵呵。
這邊一樣會從建立React專案的部分開始，這次在建立專案時有遇到一些小問題，也會一併記錄到這一篇。接下來就直接進入正題吧！

建立新的React專案

注意！！在建立專案前請先確認自己目前的Node版本和npm版本，這也是我用另一台舊電腦建立專案時，遇到的小問題，因為之前使用的node版本太低了，沒注意到需求版本就一直噴錯ㅠㅠ
需求版本：Node >= 10.16 和 npm >= 5.6
創建React專案主要有以下兩種方式。
一、在自己電腦的全域上安裝創建React專案的安裝包，再建立專案
這個方法使用的指令是 npm install -g create-react-app (只需進行一次)和 create-react-app my-app (每次建立新專案時使用)
二、利用npx來快速創建React專案
npx create-react-app my-app
my-app部分可以替換成自己要取的專案名稱

兩種方式的差異是什麼？
第一種方式是把創建需要的安裝包安裝在自己的電腦上保存，每次創建專案時，就可以透過安裝包來建立。
第二種方式是安裝一個臨時的安裝包來建立專案，專案建立後就會刪除，不會留一個安裝包在自己的電腦上。

透過以上的步驟就可以輕鬆地建立好React專案。

安裝VSCode擴充套件(非必要)
最後在正式看React內容前，也推薦大家我自己有在使用的一個VSCode擴充套件，就是『ES7 React/Redux/GraphQL/React-Native snippets』!

透過這個擴充套件，可以讓我們在進行React專案時，打幾個字，就能產生出一些固定的格式樣板，例如Functional Component、Class Component。就不用再一個一個字慢慢打，非常方便！

以上就是React學習筆記第一篇！下一篇預計會來記錄Functional Component和Class Component的差異，這次就先到這了！掰餔！