React-function-components

Question 1

What is a React component?

Answer 1

a chunk of code that can be separated buy their functionality. Components let you split the UI into independent, reusable pieces, and think about each piece in isolation.

Conceptually, components are like JavaScript functions. They accept arbitrary inputs (called “props”) and return React elements describing what should appear on the screen.

Question 2

How do you define a function component in React?

Answer 2

it accepts a single “props” (which stands for properties) object argument with data and returns a React element.

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

Question 3

How do you mount a component to the DOM?

Answer 3

ReactDOM.render()