Back to Glossary
FrontendIntermediate

What is Virtual DOM?

A lightweight copy of the page that React uses to figure out what needs to change

Why It Matters

The Virtual DOM makes updates efficient by only changing what's actually different

Real-World Example

When one item in a list changes, React only updates that item, not the whole list

“Understanding terms like Virtual DOM matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”

Callum Holt, Founder, 13Labs

Learn More at buildDay Melbourne

Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.

Join buildDayExplore More Terms

Related Terms

Glossary

React

A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage

Glossary

Component

A reusable building block of a user interface that can be combined to create complex pages

Glossary

Rendering

The process of turning your code and data into the visual display users see

Glossary

Frontend

The part of a website or app that users see and interact with directly

Glossary

Next.js

A framework built on React that adds features like page routing, server-side rendering, and API handling

Glossary

CSS

The language that controls how websites look, including colours, fonts, spacing, and layout