react学习 --- 第四天 react脚手架解析

目录：

1 认识脚手架工具

2 create-react-app

3 创建React项目

4 webpack的配置

5 从零编写代码

一、认识脚手架工具

 

 

 

二、create-react-app

cra的意思就是create-react-app 

npm install create-react-app -g

 

 

三、创建React项目

 还可以这样启动项目，不一定使用yarn：

npm start

robots文件里面的内容是用来给爬虫用的

 PWA目前公司用的很少

vue和react都可以制作pwa的项目，功能就是可以在手机左面设置一个类似app的网页入口

 

四、webpack的配置

 

 

五、从零编写代码

 

 如果是16和17版本的react，引入reactDOM必须写成：import ReactDOM from "react-dom";

而18版本的ReactDOM必须写成import ReactDOM from "react-dom/client"

在index.js里面的编程方式和前面csdn引入的方式差不多。

在react项目的src里面可以使用后缀为.jsx的文件来编程组件，提示效果好，.jsx文件最后需要导出组件名称:export default XXX。

 组件嵌套组件：