• 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>
              }
          }
      
Ever considered an OpenClassrooms diploma?
  • Up to 100% of your training program funded
  • Flexible start date
  • Career-focused projects
  • Individual mentoring
Find the training program and funding option that suits you best