Flashcards
Untitled
Cards in this deck (2)
- 1Real DOMThe DOM is implemented in the browser and holds the representation of your application UI. Every time the state of our UI changes, the DOM is updated to represent that change. However, manipulating the DOM can be painfully slow.
Even just reading from the DOM can cause unwanted side effects in our applications. Modern day applications tend to be dynamic and need to be able to handle change efficiently. - 2Virtual DOMReact creates a tree of custom objects representing a part of the DOM. For example, instead of creating an actual DIV element containing a UL element, it creates a React.div object that contains a React.ul object. It can manipulate these objects very quickly without actually touching the real DOM or going through the DOM API. Then, when it renders a component, it uses this virtual DOM to figure out what it needs to do with the real DOM to get the two trees to match.
You can think of the virtual DOM like a blueprint. It contains all the details needed to construct the DOM, but because it doesn't require all the heavyweight parts that go into a real DOM, it can be created and changed much more easily.
Information
- Description
- Learning Technology Flashcards on Untitled, created by Vigneshwaran R on 17/10/2018.
- Created by
- Vigneshwaran R
- Views
- 0
- Rating