目標(biāo):

reactv18：->1.核心的22中api2路由3.數(shù)據(jù)狀態(tài)管理：redux項目：	1.b端業(yè)務(wù)閉環(huán):登錄方案、權(quán)限設(shè)計、用戶管理方案、業(yè)務(wù)功能、系統(tǒng)架構(gòu)設(shè)計、路由設(shè)計流程閉環(huán)：開發(fā)環(huán)境、生產(chǎn)環(huán)境、測試環(huán)境、代碼規(guī)范、分支管理規(guī)范、項目自動化部署、靜態(tài)資源管理方案性能優(yōu)化：渲染優(yōu)化、網(wǎng)絡(luò)優(yōu)化、編譯優(yōu)化、自動化打包優(yōu)化、業(yè)務(wù)開發(fā)效率優(yōu)化、用戶體驗優(yōu)化、2.c端 ssr服務(wù)器渲染項目業(yè)務(wù)：ssr登錄健全方案、與spa架構(gòu)差異、nodejs異構(gòu)、有無差異流程：前后端生產(chǎn)環(huán)境、開發(fā)環(huán)境、自動化部署方案、性能測試、服務(wù)器穩(wěn)定性測試性能：渲染優(yōu)化、網(wǎng)絡(luò)朋友花、編譯優(yōu)化、自動化打包部署、業(yè)務(wù)開發(fā)效率優(yōu)化、用戶體驗優(yōu)化工程化 ：webpack

1 初始化項目：

//CRA腳手架創(chuàng)建項目
npx create-react-app my-appnpm start

2 核心文件內(nèi)容分析

這個核心文件中導(dǎo)入了React和ReactDOM

嚴格模式作用？

1.不安全的生命周期方法：警告某些在未來版本會被棄用的生命周期
2.警告使用過時或遺留的api
3.意外的富足用
4.警告與舊版本react不兼容的部分

面試題:1.React和ReactDOM有啥區(qū)別？

1.react：這時React庫的核心，定義了React組件的創(chuàng)建和生命周期方法，以及react元素的概念，是react的引擎2.recat-dom：這個庫提供了在游覽器環(huán)境中使用react的方法，例如將react組件渲染到dom中，或者在dom中觸發(fā)react組件的更新，可以設(shè)為react的驅(qū)動程序。補充：react-dom/client是瀏覽器渲染用的庫，同理node端也有庫移動端也有
為什么有多個包？為了功能解耦，渲染有渲染專用的包，引擎只負責(zé)引擎

面試題:2.React是框架嘛？

react的核心，其實是一個渲染庫。

面試題:3.React嚴格模式？

1.不安全的生命周期方法：警告某些在未來版本會被棄用的生命周期
2.警告使用過時或遺留的api
3.意外的富足用
4.警告與舊版本react不兼容的部分