React

Question 1

What is the “reactstrap” module?

Answer 1

It allow you to import Bootstrap components and use them as react components

Question 2

In the MERN stack, what directory does the front end code reside in?

Answer 2

client

Question 3

In the MERN stack, where does the backend code reside?

Answer 3

In server.js (within root folder) and the routes directory.

Express and Mongoose are imported and the routes are within “./routes/api/items”

Question 4

In the MERN stack, where does the production index.html file go (where “npm run build” looks)?

Answer 4

The “client/build” directory

Question 5

When creating a full stack MERN application, what should your entry point be?

Answer 5

server.js

Question 6

In the MERN stack, in which directory should you place your front end code?

Answer 6

client

Question 7

How should you create a React app in an existing project with back-end code already written?

Answer 7

cd client
npm i -g create-react-app
create-react-app .

Question 8

How should you import React to a file?

Answer 8

import React, { Component } from ‘react’;

This allows for “Component” shorthand instead of “React.Component”

Question 9

Where should React components be stored in a MERN stack application?

Answer 9

~/client/src/components/component

Question 10

In React, what file holds the code for the main page?

Answer 10

App.js

Question 11

In React, what is the syntax for rendering HTML from App.js?

Answer 11

class App extends Component {
    render() {
        return(
            div className="App"
        )
    };
}