- 安裝Node.js
- 透過npm 安裝yarn
- 透過yarn安裝create‑react‑app 並建立專案,create react app為facebook開發者做的一些基本設定,不需做太多客製化設定,
這邊使用yarn 而不是透過npm安裝,是因為節省安裝時間,建立一個react專案大約有兩萬多個依賴,先安裝yarn後會先抓本地端依賴,安裝時間減少很多
一般來說,React開發會用到這幾個套件及工具
- babel,將JavaScript轉成另一個版本
- webpack,打包工具,將HTML、CSS、JavaSCript轉譯,讓瀏覽器可以讀懂
- eslint,程式碼排版
- hmr,Hot Module Replacement,HMR 不会重置组件的状态。这意味着当你进行代码更改后,组件的状态(如表单输入或应用程序的当前状态)将保持不变,从而减少了重新测试或重新输入数据的需要。
- test,測試
- css module
知識點
- create‑react‑app是一個starter kit ,裡面包含了大部分React開發所需的工具