一、前言
本文基于开源项目:
广东靓仔之前写过的《React17在我看来是这样的》这篇文章,有提到React17是React的一个基石版本,为之后React18铺垫。React官方团队在6月8号发布了《React18发布计划》
React 18 预计的发布时间表如下:
- Alpha 版本: 现在是可以使用的
- 公开的 Beta 版: 预计在几个月后
- RC 版本: 至少在 Beta 版发布后的几周
- 正式版:在 RC 版本发布之后的几周
从上面官方公开的计划,我们可以预测,今年年底React18会发布一个稳定的版本。
二、React 18工作组
React团队建了个React18工作组,让社区提供反馈,提出问题。我们可以到Github上面看看组员们提出问题以及他们分享的想法。
https://github.com/reactwg/react-18/discussions
三、React18 alpha版本
我们可以在npm把 React 18的Alpha拉下来,进行查看。
npm install react@alpha react-dom@alpha
要安装最新的 React 18 alpha,所以官方建议我们使用@alpha
标签。
并发模式
React 18 将添加新功能,例如:
- startTransition
- useDeferredValue
- 并发Suspense
- 语义SuspenseList
为了支持这些功能,React 添加了协作多任务、基于优先级的渲染、调度和中断等概念。
大家也可以开始用用,下面两个:
1、useMutableSource
2、useOpaqueIdentifier
如果对 CSS-in-JS 解决方案感兴趣的话,可以着重看useOpaqueIdentifier Stylesheets API(样式表 API)
四、如何参与讨论组
React官方团队本次先邀请了React 社区的专家、开发者、库作者和教育者,之后会逐步邀请更多人参与。
感兴趣的小伙伴可以到下面链接参与交流:
https://github.com/reactwg/react-18/discussions
五、总结
正如官方介绍的那样,如果我们正在学习、教学或使用 React 来构建面向用户的应用程序,我们稍微知道下这些消息就可以拉,等稳定后再进行学习即可。如果出于好奇,我们可以到 React 18 工作组中参与讨论~