react-jsx

Question 1

What is JSX?

Answer 1

JSX is a syntax extension for JavaScript that allows embedding HTML-like code within JavaScript code.

Question 2

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

Answer 2

because JSX code gets transpiled into JavaScript code that uses the React API

Question 3

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

Answer 3

Install the required dependencies, Create a webpack.config.js file, specify which Babel presets to use in a .babelrc file in the root directory of your project, Update your webpack.config.js file to use the Babel loader. (plugin-transform-jsx)