What is the tradeoff between using a virtual document object model and straight-forward updating of the dom directly? Surely, an app that inserts a single div in response to user input wouldn't justify the use of a virtual dom . But what is that tipping point? What has to happen in the app in order for a virtual dom to become worth the engineering?
Perhaps a benchmark test could start with comparing two apps. One using a virtual dom, the other not, but otherwise the same. Compare metrics like time difference when inserting one element per cycle. Then ten. Then 100.
This might help:
https://localvoid.github.io/uibench/