Virtual DOM என்றால் என்ன மற்றும் React ஏன் அதைப் பயன்படுத்துகிறது?

Question

Accepted Answer

**Virtual DOM (VDOM)** என்பது UI எப்படி இருக்க வேண்டும் என்பதை *விவரிக்கும்* இலகுவான JavaScript பொருள் மரம். இது வெறுமனே நினைவக உள் பிரতिनिधित்வ — உண்மையான உலாவி DOM அல்ல. React இதைப் பயன்படுத்துகிறது, ஏனெனில் **உண்மையான DOM ஐ நேரடியாக கையாளுவது மெதுவாக இருக்கிறது**, மற்றும் ஒவ்வொரு நிலை மாற்றத்திலும் கையால் செய்வது பிழை அளிக்கக்கூடியது. ## இது எப்படி வேலை செய்கிறது நிலை மாறும்போது, React உடனடியாக பக்கத்தைத் தொடாது. அதற்கு பதிலாக: 1. உங்கள் கூறுகளிலிருந்து **புதிய** மெய়நிக மரத்தை உருவாக்குகிறது. 2. முந்தைய மெய்நிக மரத்திற்கு எதிராக **ஒப்பிடுகிறது** (reconciliation) மாற்றங்களின் குறைந்தபட்ச தொகுப்பை கணக்கிட. 3. **அந்த மாற்றங்களை மட்டுமே** ஒரு தொகுப்பு புதுப்பிப்பில் உண்மையான DOM க்குப் பயன்படுத்துகிறது. ```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 ; } ``` வாசுதேவ, நீ **தெரிவுறுதியாக** முறை (