JSX

JSX describes DOM trees with a mixture of JavaScript and HTML.

How JSX Works

JSX is just “syntactic sugar” for hyperscript (in practice, may not be hyperscript)

1. JSX is compiled into hyperscript
   • Try pasting JSX into this bable repl https://babeljs.io/repl#
2. hyperscript is used to render
   • h function to create a Virtual DOM object
   • render function to create DOM from Virtual DOM