REACT

Question 1

What is JSX?

Answer 1

a syntax extension to JavaScript 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 just syntactic sugar for react elements and depend on the React.createElement method.

Question 3

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

Answer 3

add the babel-loader to the list of modules in the webpack config obj

Question 4

What is a React component?

Answer 4

a single section of the UI represented as a JS function that returns React elements

Question 5

How do you define a function component in React?

Answer 5

just like a regular JS function: Must be capitalized.
function Name(props){
}

Question 6

How do you mount a component to the DOM?

Answer 6

ReactDOM.render(, root);

Question 7

What are props in React?

Answer 7

props is the property object which holds property values of that React element

Question 8

How do you pass props to a component?

Answer 8

specify the prop name = “property”

ex)

Question 9

How do you write JavaScript expressions in JSX?

Answer 9

use curly braces {props.text}