Create a Complete Application Using Create React App (CRA)

Evaluated skills

Create a complete application using Create React App (CRA)

Question 1
Create React App is a tool for:
- Creating a codebase with preconfigured tools
- Installing React Router
- Writing code
- Styling a node application
Question 2
The codebase we set up contains a number of files. The file package.json is particularly important because it is used for:
Careful, there are several correct answers.
- Managing dependencies
- Managing scripts
- Importing necessary files
- Connecting React to index.html
- Launching automated tests
- Launching the build of the application
- Generating a unique HTML file
- Transforming JavaScript code to PHP

Question 3

You have an array of strings for your plant categories:

const categories = ["shade plants", "cacti", "outdoor plants", "plants for beginners", "flowering plants”]

Which code snippet in JSX will create a component that easily and cleanly generates a list of React elements? Careful: your code shouldn’t throw up an error on the console!

<ul>
    {categories.map(category => <li>
    {category}
    </li>)}
</ul>

<ul>
    {categories.map((category, index) => <li key={`${category}-${index}`}>
    {category}
    </li>)}
</ul>

<ul>
    <li>shade plants</li>
    <li>cactus</li>
    <li>outdoor plants</li>
    <li>beginner plants</li>
    <li>flowering plants</li>
</ul>

<ul>
    {categories.filter(category => category.length > 0)}
</ul>

const i = 0
    while(i < categories.length) {
        ++i
        return <li>{categories[i]}</li>
        }
    }

Create a Complete Application Using Create React App (CRA)

Evaluated skills

Question 1

Question 2

Question 3