Practical investigation on effectiveness of Virtual DOM (React) updates versus direct DOM updates (Vue).
Clearly React takes significantly more CPU time for the task of updating 100 items list.
That proves once again that there is no silver bullet in Web Front End design. Each task has its own optimal framework/architecture.
“Ideal framework” should allow to use multiple paradigms – list-of-items view should use virtual list, it could be one-way bound with data [model] and item-details may or may not be data bound – depends on its structure.
What if just start from our old friend jQuery with its system of plugins and/or components/modules architecture of Twitter’s Flight.
Where you can add view routing, data bound lists and other plugins of your choice? Only when and where they are needed …
Is it close to that optimal, flexible and stable architecture web applications we are dreaming of?