React'da Virtual DOM ni tushuntiring.

Virtual DOM — bu React uchun interfeys yangilanishlarini optimallashtirish uchun ishlatiladigan haqiqiy DOMning abstraktsiyasidir. Brauzer DOMini to'g'ridan-to'g'ri o'zgartirish o'rniga, React avvalo xotirada elementlar daraxtining virtual tasvirini yangilaydi, uni oldingi versiyasi bilan solishtiradi (bu jarayon "reconciliation" deb ataladi) va haqiqiy DOMni yangilash uchun minimal o'zgarishlar to'plamini hisoblaydi. Bu ishlashni oshiradi va DOM bilan bog'liq qimmat operatsiyalar sonini kamaytiradi.

Misol:

const element = <div>Hello, world!</div>;
// React virtual element daraxtini yaratadi
// Holat o'zgarganda, React virtual DOMni yangilaydi,
// uni oldingi bilan solishtiradi va haqiqiy DOMga minimal o'zgarishlarni qo'llaydi.