Javascript 与vanilla JS相比,React在手机上的表现如何?

Javascript 与vanilla JS相比,React在手机上的表现如何?,javascript,reactjs,performance,Javascript,Reactjs,Performance,我是一个刚开始开发的人,我正在考虑使用React制作一个ionic应用程序,但我担心虚拟DOM增加的内存使用可能会损害低端设备上的UX。会更好地工作,因为渲染更少,或者更糟,因为需要更多的内存。我正在考虑制作的应用程序通常不会特别占用内存,但我不确定React会对其产生什么影响。VanillaJS总是会更快。React将VDOM、事件和其他内容包含在其库中。通过添加内容来使用更多内存是合乎逻辑的 但是,VDOM允许您更高效地进行更新。VDOM是内存中DOM的表示形式。把它想象成一个由许多相互引用

我是一个刚开始开发的人,我正在考虑使用React制作一个ionic应用程序,但我担心虚拟DOM增加的内存使用可能会损害低端设备上的UX。会更好地工作,因为渲染更少,或者更糟,因为需要更多的内存。我正在考虑制作的应用程序通常不会特别占用内存,但我不确定React会对其产生什么影响。

VanillaJS总是会更快。React将VDOM、事件和其他内容包含在其库中。通过添加内容来使用更多内存是合乎逻辑的

但是,VDOM允许您更高效地进行更新。VDOM是内存中DOM的表示形式。把它想象成一个由许多相互引用的JS对象组成的树,形成了表示DOM树的内容

现在,假设您正在更新一个组件状态。React使用VDOM查找状态更改需要更新的组件。可能需要更新多个组件。在对VDOM进行更新之后,它会将更改提交到实际的DOM。更新DOM非常昂贵,但在VDOM上操作非常便宜。这就是为什么在最终提交到实际DOM之前,所有更新都首先应用到VDOM。如果要使用vanilla JS实现相同的机制,可能需要相当长的时间

如果低端设备上的性能是绝对优先的,则存在与React非常相似的性能,只有3KB的运行时大小(取决于您使用的内容)。另一个有趣的UI框架是,它可以将代码编译成无框架、普通的JS