De virtuele DOM (Document Object Model) is een concept dat wordt gebruikt in ReactJS, waarbij een virtuele representatie van de gebruikersinterface wordt bewaard in het geheugen en wordt gesynchroniseerd met de ‘echte’ DOM via een proces dat ‘reconciliation’ (afstemming) wordt genoemd. De virtuele DOM van React is sneller dan de daadwerkelijke (echte) DOM omdat wijzigingen eerst op de virtuele DOM worden aangebracht en vervolgens één keer in de echte DOM, in plaats van bij elke wijziging.
De methode is effectiever en efficiënter doordat React alleen die delen van de echte DOM bijwerkt die veranderd zijn, in plaats van de hele pagina opnieuw te renderen. Dit is vooral handig bij grotere applicaties waarin de prestatiekracht een punt van overweging is.
