不再支持IE,React新特性详细解

作者

ArekNawo翻译

王强策划

闫园园近日,React18已经正式发布了,带来了许多令人兴奋的新特性。在这个版本中,React通过其改进的渲染系统带来了并发能力,并在此基础上构建了转换或自动批处理等性能增强特性。本文将介绍这些特性的机制,以及它们对React开发人员有哪些帮助。      正式发布之路  

在深入了解所有特性之前,我们先来回顾一下React18发布背后的整个过程,因为与之前的版本相比这一次的发布经历非常独特。React17并没有带来很多新特性。然而它改进了很多基础组件,支持新React特性的无缝渐进采用,从而为未来的更新奠定了基础。这些更改的效果现在就体现在了React18中。

React发布过程中最显著的变化是与官方alpha版本一起,宣布新成立的React工作组(WG)。该小组的目标是收集来自社区的反馈,并帮助生态系统为即将到来的变化做好准备。此外,它是关于React内部工作的重要知识来源。

感谢React17的改进和工作组的投入,React18最终成为了一个具有丰富特性的版本,却只有少量、重大更改。

    重大更改  

由于新的并发特性是渐进适配并按需启用的,React18中的重大更改仅限于几个简单的API更改,以及对React中多个行为的稳定性和一致性的一些改进。

    客户端渲染API  

最引人注目的更改之一是新的,带有createRoot()的rootAPI。它旨在替换现有的render()函数,提供更好的人体工程学并启用新的并发渲染特性。

import{createRoot}from"react-dom/client";importAppfrom"App";constcontainer=document.getElementById("app");constroot=createRoot(container);root.render(App/);

请注意,这个新的API现在已从react-dom/client模块导出。

卸载和水合API也发生了变化。

//Unmount


转载请注明:http://www.aierlanlan.com/rzgz/564.html