2018-09-17 react學習(-)
學習路徑-官網: http://react.css88.com/
環境搭建命令:(全域性安裝官方腳手架)
npm i create-react-app -g
create-react-app 目錄名
yarn start 開發模式
yarn build 打包
語法規則:
xml和JSX相似,但是xml是存資料,jsx能做更多的事情。
標籤一定要閉合
元素必須要有一個頂層元素
變數首字母大寫代表JSX內部元件,小寫是變數
html屬性,小駝峰命名
特點-多元件組合,jsx+函數語言程式設計
最基本的核心在node_model裡面的react-script & react-dom裡面的package.json
更改本地埠避免地址衝突 - react-script/scripts/start

image.png
不想手動更改,執行yarn eject (這個動作是不可逆的,不可撤回的)
禁止eslint:
webpack.config.dev.js 中找到eslint配置,註釋掉:

image.png
執行yarn start就可以啟動react