react

Question 1

What is React?

Answer 1

A JavaScript library for building user interfaces

Question 2

How do you mount a React element to the DOM?

Answer 2

you use ReactDom.render(${element}, ${location you want to add it to)

Question 3

What is a React Element?

Answer 3

an Object

Question 4

What is JSX?

Answer 4

, JSX just provides syntactic sugar for the React.createElement(component, props, …children) function.

Question 5

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

Answer 5

Because React must be in scorp from your jsx code, since JSX Compiles into calls to React.createElement

Question 6

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

Answer 6

use the @babel/plugin-transfform-react-jsx

Question 7

What is a React component?

Answer 7

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

Question 8

How do you define a function component in React?

Answer 8

either function {Name}(prop/object){
return <h1> Hello, {prop.name]</h1>
}

Question 9

How do you mount a component to the DOM?

Answer 9

ReactDOM.render

Question 10

What are controlled components?

Answer 10

An input form element whose value is controlled by React

Question 11

What two props must you pass to an input for it to be “controlled”?

Answer 11

onSubmit={} and onChange={}