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?
Disclaimer: the game is quite dangerous and may lead to alcoholism of participants even after first game. Play responsibly!
Idea of the game:
Players, in their turn, name random English word. To this word they add “JS” or “.JS” suffix and go google for it.
If google will give JS library or framework with that name – you won and drink one Vodka shot.
You’ll be surprised… and read disclaimer above.