creact-react-app 基礎筆記

建立 webpack
npm i create-react-app -g

create-react-app [name]

[ref : https://facebook.github.io/create-react-app/docs/getting-started]


安裝sass
npm install node-sass --save

[ref : https://facebook.github.io/create-react-app/docs/adding-a-sass-stylesheet]


router 處理
npm install --save react-router-dom
[ref : https://dev.to/nodefiend/quick-start-guide-for-react-router-v4-using-create-react-app-4h7j]

vscode + emmet
[ref : https://blog.camel2243.com/2018/01/29/vscode-emmet-%E5%9C%A8-reactjsx-%E7%84%A1%E6%B3%95%E8%87%AA%E5%8B%95%E7%94%A2%E7%94%9F/]

restFul
npm install axios --save
[ref : https://alligator.io/react/axios-react/]

react 整合 jquery 或 三方套件
https://reactjs.org/docs/integrating-with-other-libraries.html

react 進階 [改sass 讀/src圖檔]
npm run eject

browsers: [ '>1%', 'last 4 versions', 'Firefox ESR', 'not ie < 9', ],
[ref : https://medium.com/front-end-hacking/how-to-add-sass-or-scss-to-create-react-app-c303dae4b5bc]