環境建置


Posted by wayne201299 on 2023-10-11

  1. 安裝Node.js
  2. 透過npm 安裝yarn
  3. 透過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開發所需的工具

#React







Related Posts

Day7 潛藏在你心中的指令即將覺醒

Day7 潛藏在你心中的指令即將覺醒

Angular 9 + Firebase (0) : AngularFire

Angular 9 + Firebase (0) : AngularFire

CH4. 老手看函式:理解函式呼叫

CH4. 老手看函式:理解函式呼叫


Comments