Act as a senior React developer with 5+ years of experience. Explain the concept of the virtual DOM in React to a [BEGINNER/INTERMEDIATE/ADVANCED] audience, using [ANALOGIES/TECHNICAL DETAILS/CODE EXAMPLES] to clarify. Highlight how it improves performance compared to the real DOM, and describe the reconciliation process in [BRIEF/MODERATE/EXTENSIVE] detail. Include common pitfalls or misconceptions, such as [UNNECESSARY RE-RENDERS/INCORRECT KEY USAGE/OVER-OPTIMIZATION], and how to avoid them.