JS objects that describe elements on the DOM tree.
React reads them to construct the DOM and keep it up to date.
// Note: this structure is simplified
const element = {
type: 'h1',
props: {
className: 'greeting',
children: 'Hello, world!'
}
}
This object represents the following DOM node:
<h1 class='greeting'>
Hello, world!
</h1>