React学习-初始化react项目

目标:

reactv18：->
		1.核心的22中api
		2路由
		3.数据状态管理：redux

项目：	
		1.b端
			业务闭环:登录方案、权限设计、用户管理方案、业务功能、系统架构设计、路由设计

			流程闭环：开发环境、生产环境、测试环境、代码规范、分支管理规范、项目自动化部署、静态资源管理方案

			性能优化：渲染优化、网络优化、编译优化、自动化打包优化、业务开发效率优化、用户体验优化、

		2.c端 ssr服务器渲染项目

			业务：ssr登录健全方案、与spa架构差异、nodejs异构、有无差异

			流程：前后端生产环境、开发环境、自动化部署方案、性能测试、服务器稳定性测试

			性能：渲染优化、网络朋友花、编译优化、自动化打包部署、业务开发效率优化、用户体验优化


工程化 ：webpack

1 初始化项目：

//CRA脚手架创建项目
npx create-react-app my-app

npm start

2 核心文件内容分析

这个核心文件中导入了React和ReactDOM

严格模式作用？

1.不安全的生命周期方法：警告某些在未来版本会被弃用的生命周期
2.警告使用过时或遗留的api
3.意外的富足用
4.警告与旧版本react不兼容的部分

面试题:1.React和ReactDOM有啥区别？

1.react：这时React库的核心，定义了React组件的创建和生命周期方法，以及react元素的概念，是react的引擎

2.recat-dom：这个库提供了在游览器环境中使用react的方法，例如将react组件渲染到dom中，或者在dom中触发react组件的更新，可以设为react的驱动程序。

补充：
	react-dom/client是浏览器渲染用的库，同理node端也有库
	移动端也有
为什么有多个包？
	为了功能解耦，渲染有渲染专用的包，引擎只负责引擎

面试题:2.React是框架嘛？

react的核心，其实是一个渲染库。

面试题:3.React严格模式？

1.不安全的生命周期方法：警告某些在未来版本会被弃用的生命周期
2.警告使用过时或遗留的api
3.意外的富足用
4.警告与旧版本react不兼容的部分