React-(一)創建一個React專案(懶人包)

快速建立一個React專案

利用create-react-app套件(README) ，快速產生webpack的設定檔

npm install global create-react-app

接著輸入 yarn 初始化指令（若習慣用npm也可以使用npm指令），創建一個名為”my-app”的專案

create-react-app my-app

初始化完成後，會產生一個”my-app”資料夾

進入新創建的專案中，使用 yarn 執行指令

cd my-app
yarn start

成功打開瀏覽器，顯示react測試網頁畫面

一個簡易的 react 專案創建完成，可以試著在my-app/src/App.js中作修改，並查看瀏覽器畫面的變化

create-react-app套件初始化的 React 專案，是使用 Webpack 掛載babel，將 JSX 語法轉化為瀏覽器可以解析的 Javascript 程式碼

function 與 class 的差別