- 8 hours
- Medium
Free online content available in this course.
course.header.alt.is_video
course.header.alt.is_certifying
Got it!Last updated on 11/8/22
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> } }
- Up to 100% of your training program funded
- Flexible start date
- Career-focused projects
- Individual mentoring