Introduction

Question 1

What is React?

Answer 1

React is a JavaScript Library.

Question 2

What are JSX elements treated as?

Answer 2

JSX is a syntax extension for JavaScript

Question 3

You can nest JSX elements inside of other JSX elements, just like in HTML. However, if a JSX expression takes up more than one line, what do you need to add? (Give Example)

Answer 3

You need to add parenthesis around the code, like so:

Const myDiv = (
<div>
  <h1>Hello world</h1>


</div>


);

Question 4

What is one one key thing that a JSX expression must have, what is this?

Answer 4

A JSX expression must always have at least one outermost element, this would look like so:

const paragraph = (
<div>
    <h1>Hello Seb!</h1>
</div>
);

Question 5

How would you render a JSX expression? (Make it appear on screen)

Answer 5

ReactDOM.render(

<h1>Color</h1>

,
document.getElementById(‘app’)
);

Question 6

Can you pass a variable to ReactDOM.render(), and if so write an example as to how you can?

Answer 6

ReactDOM.render(
paragraph,
document.getElementById(‘app’)
);