Optimization of react and vue Virtual dom to dom

look at many virtual dom on the Internet, after comparing the new and old trees, the corresponding update to dom.
I think the key to performance optimization is the dom operation.
for example, in native writing, if I modify the contents of a row in table, I will definitely find a way to modify that line or even a td, directly instead of replacing the entire table. Can you say that vue,react will be faster than this?
and react will have a lot of update state operations, put them in the queue, and update the dom in the last block. In that case, will it be very stuck for a certain period of time when there is a large amount of updated data?

Nov.28,2021

I can't believe no one answered this question. Then I'll throw a brick

.

pre-suggestions can look directly at this question. online said that the operation of real DOM is slow, but the test results are faster than React, why the answer is particularly large under (of course, you can also see other people's).

React is mentioned in blog that it is faster than native, but there are certain conditions. Not all operations are fast. From a straight point of view, it is like a canteen. In the case of a person eating, Aunt React can open the door for this person and ask him to go directly to the kitchen. The result is the same when he goes directly to the kitchen (native operation DOM). But suddenly there are 800 people in the canteen, including strong men, women and children, some who are AA and some who give cash directly, so the effect of paying by card in a unified queue will be more efficient than squeezing into the back kitchen. This is actually engineering design.


of course, no framework method is as fast as native optimization.
but development is not only about results, but also about efficiency, isn't it?

Menu