React

Question 1

React is used to…

Answer 1

create components, handle state and props, utilize event listeners and certain life cycle methods to update data as it changes

Question 2

react combines

Answer 2

HTML with JS functionality to create its own markup JSX

Question 3

nested JSX must return ____ element

Answer 3

a single

Question 4

several JSX elements written as siblings with no parent wrapper element _____ transpile

Answer 4

will not transpile

Question 5

commenting JSX

Answer 5

{/* */}

Question 6

how to render React elements to the DOM

Answer 6

ReactDOM.render(componentToRender, targetNode)

ReactDOM.render(, document.getElementById(“challenge-node”));

Question 7

define HTML classes in JSX

Answer 7

className instead of class

everything changes to camel case as well

Question 8

rules around closing tags

Answer 8

any can be written with a self-closing tag & every element must be closed

Question 9

everything in React is a

Answer 9

component

Question 10

a stateless component is

Answer 10

one that can receive and render data, but doesn’t make or track changes to it

Question 11

React requires your function name to begin with

Answer 11

a capital letter

Question 12

syntax to create a stateless component

Answer 12

const name = function() {
return (
);
};

Question 13

two ways to define React components

Answer 13

1. function

2. class

Question 14

create a component by extending React.Component

Answer 14

class Kitten extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <h1>Hi</h1>
    );
  }
}

Question 15

create component with composition

Answer 15

create parent component and write it as a tag in the return part of render()

return (

)

Question 16

for prop values to be evaluated as JS, they must be

Answer 16

enclosed in curly brackets, for instance, date={Date()}

Question 17

A stateless functional component is

Answer 17

any function you write which accepts props and returns JSX

Question 18

A stateless component is

Answer 18

a class that extends React.Component, but does not use internal state

Question 19

a stateful component is

Answer 19

a class component that maintains its own internal state. stateful components = simply components or React components

Question 20

A common pattern is to try to

Answer 20

minimize statefulness and to create stateless functional components wherever possible