Virtual DOM nima ne kuma me ya sa React ke yi amfani da shi?

Question

Accepted Answer

**Virtual DOM (VDOM)** wata gajeriyar zuwa zuwa tsarin jikin JavaScript ne wanda *yaya* me jinaye UI ya kamata. Shi ne tsantsar wakilci a cikin alaƙa — ba gaske na browser DOM ba. React ke yi amfani da shi saboda **ka takaita gaske na DOM kai tsaye yana jiya**, kuma yin haka da hannu a kowane canji na jihar yana da rashin kyau. ## Yadda yake aiki Lokacin da aka canja jiha, React ba tona fitar da fuska jiya. A maimakon haka: 1. Yana gina **sabuwa** bisitara zuwa zuwa jiki daga abubuwan ku. 2. **Bambanci** shi a gefen jikan jikin bisitara (sulhunta) don lissafa ɗan ƙarami na canje-canje. 3. Yana amfani da **waɗannan canje-canje ne kawai** a gaske na DOM a cikin sa ɗaya wanda ake cika. ```jsx function Counter() { const [n, setN] = useState(0); // Each click produces a NEW virtual tree describing . // React compares old vs new and updates ONLY the text node that changed, // not the whole button or the page. return ; } ``` Domin haka ka rubuta lambar **niye-niye** ("UI ya faɗi yadda haka don wannan jiha") kuma React yana tsiratun ayyukan DOM masu ɗaka-ɗaka a gare ka. ## Me ya sa ya zama muhimmi / canja-canja - **Kaɗan, cunkoso DOM rubutu** → kaɗan mai tsada kin sake fashe. - **Niye-niye lambar** sanye ne a tunawa fiye da hannu `document.querySelector` + sauya. - Ba shi "gaske-gaske sauri fiye da DOM" — bambancin kanta yana bukazhe CPU. Nasara shi ne cewa React yana iyi karewa aiki da gaske na DOM kuma yaba ka daina tattalin arziƙi da hannu. Maɓalli **tattare** a cikin lissafi yana taimaka wajen bambanci ya kasance mai aiki.