react-jsx

Question 1

What is JSX?

Answer 1

JSX is a syntax extension to JavaScript that is 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

Because without importing the React object, the JSX code cannot be used in React to create elements.

or

Because if you give JSX to Babel, the JSX is just the sugar for the React.createElement calls.

Question 3

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

Answer 3

By including the plugin “@babel/plugin-transform-react-jsx” in the webpack.config.js file.