Vue3 + React18 + TS4进阶到两栖作战
下栽ke呈:https://www.sisuoit.com/3372.html
React 18 RC.3版早已正式发布,API早已平衡。那时主要就是BUG复原。坚信测试版迅速就会正式发布。React项目组对积极探索新功能十分慎重。距16.8版早已往后了3年,国际版的mammalian商业模式总算来临。那时他们从使用者的视角起程,深入探讨React 17升级换代到18会碰到的难题和许多新功能。
提高
采用线材加装最捷伊React 18 RC
线材加进化学反应@rc化学反应-dom@rc
位数一(one)
变动
建立根
React 18提供更多了三个根API,他们称作遗留下来根API和新根API。
遗留下来根API:即ReactDOM.render这将建立三个在“遗留下来”商业模式下运转的根,其组织工作形式与React 17完全一致。当采用那个API时,会有三个警示,表明它早已圣奥莱用,并转换到捷伊根API。
新根API:即createRoot。这将建立三个运转在React 18中的根,它增加了React 18的所有改进,并允许采用mammalian。
他们把Vite+TS作为脚手架启动项目。项目启动后,您将在控制台中看到一条警示:
这也意味着您可以直接将项目升级换代到React 18版,而不会直接导致中断更改。因为它只是给出三个警示,而且在整个18版中都是可用和兼容的,保持了React 17版的特性。
为什么要这么做?因为更容易升级换代项目,而且碰到三个地方换三个地方也没有历史包袱。但是React组件的生态十分庞大,很多组件会被ReactDOM.render直接渲染,比如常见UI库中类似于Modal.confirm的API。这时候就需要一个版周期来升级换代这些生态组件。