react基础知识整理

1.组件的工程化指的是基于各种webpack/rollup/turbopack…等工具实现组件的合并、压缩、打包、代码编译、兼容、校验等。
2.react脚手架就是默认把webpack处理好webpack的打包规则处理好和基本文件创建好，方便不熟悉webpack工具的人工程化开发
3.基本命令总结：
（1）安装脚手架：npm i create-react-app -g
（2）检查安装情况：creact-react-app --version
（3）创建项目：create-react-app 项目名
（4）运行项目：进入项目目录后，npm start
4.涉及到的一些名词解释：
（1）Babel:用于使得高版本的js代码能够在低版本的浏览器运行的javascript编译器
（2）Jsx:js实现的类似于html的模板语言
（3）CDN地址：内容分发网络地址
（4）XML和json:都是用于传输数据的，简单理解json是轻量化的XML
（5）dom:文档对象模型
5.我使用react脚手架创建项目的时候前两次都报错了，第二天早上同样的命令竟然成功了，我猜想可能跟当时网站的状态或访问量有关，真正确切的原因还需要在以后的学习中体会思考才能知道。
6.npm,nrm,yarn,cnpm的关系：npm是node包管理工具，nrm是npm源管理工具，yarn简单来说相当于速度更快，输出更简洁，语义化更好的npm, cnpm就是npm在国内的镜像
（1）nrm安装：npm install -g nrm
我安装的时候报错了，以管理员身份运行vscode就行了
（2）查看可选源：nrm ls
我运行这个命令一直报错，可能跟node版本有关，但是我记得曾经我成功运行nrm的那些命令过
（3）安装yarn: npm install yarn -g
（4）更换yarn的源：yarn config set registry https://registry.npm.taobao.org
经过我亲自测试yarn的确比npm快
7.项目目录
（1）src:所有后续编写的代码，几乎都在SRC下【打包的时候，一般只对这个目录下的代码进行处理】，入口是index.js
（2）public:放页面模板，入口是index.html