Virtual DOM (VDOM) është një pemë e lehtë e objekteve JavaScript që përshkruan se si duhet të duket UI-ja. Shtë një përfaqësim i thjeshtë në memorie — jo DOM-i i vërtetë i shfletuesit. React e përdor atë sepse manipulimi i drejtpërdrejtë i DOM-it të vërtetë është i ngadaltë, dhe ta bësh atë manualisht në çdo ndryshim të gjendjës është i prirur ndaj gabimeve.
Kur ndryshon gjendje, React nuk prek menjëherë faqen. Në vend të kësaj ai:
function Counter() {
const [n, setN] = useState(0);
// Each click produces a NEW virtual tree describing <button>{n}</button>.
// React compares old vs new and updates ONLY the text node that changed,
// not the whole button or the page.
return <button onClick={() => setN(n + 1)}>{n}</button>;
}
Pra ti shkruan kod në mënyrë deklarative ("UI-ja duket kështu për këtë gjendje") dhe React zbulon operacionet e imperative të DOM-it për ty.
document.querySelector + mutate.