環境建置


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

用 PHP 與 MySQL 學習後端基礎(三)實作 API

用 PHP 與 MySQL 學習後端基礎(三)實作 API

Robot Framework之第一個helloworld練習題

Robot Framework之第一個helloworld練習題

利用 Cookie 特性進行的 DoS 攻擊:Cookie 炸彈

利用 Cookie 特性進行的 DoS 攻擊:Cookie 炸彈


Comments