React JSX

Question 1

What is JSX?

Answer 1

JSX is a syntax extension to JavaScript and is recommended to be used with React to describe what the UI should look like.

Question 2

Why must the React object be imported when authoring JSX in a module?

Answer 2

JSX is essentially shorthand for React syntax and requires the React object.

Question 3

How can you make Webpack and Babel work together to convert JSX into valid JavaScript?

Answer 3

Install the Babel loader for Webpack and then the Babel JSX plug-in.