目标:
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不兼容的部分