React JSX

Question 1

What is JSX ?

Answer 1

JSX is a JavaScript Extension Syntax used in React to easily write HTML and JavaScript together.

Question 2

What tool do we use to convert JSX to a format the browser can understand?

Answer 2

Babel which is a JavaScript compiler/transpiler

Question 3

What does JSX get converted into? clue - there are 2 conversions.

Answer 3

JSX is converted to a React.createElement call and it’s then converted to its object representation.