Rendering User Interfaces (UI)
To understand how React works, we first need a basic understanding of how browsers interpret your code to create (or render) user interfaces (UI).
When a user visits a web page, the server returns an HTML file to the browser that may look like this:
The browser then reads the HTML and constructs the Document Object Model (DOM).
The DOM is an object representation of the HTML elements. It acts as a bridge between your code and the user interface, and has a tree-like structure with parent and child relationships.
You've Completed Chapter 2
You should now understand how UI is rendered on the browser.