学习路径-官网: 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
网友评论