Course: Section

Get Started with Modern React: Step by Step

Episode: Title

S02・V29: Challenge (Section 2)

Date Created: July 17th, 2019
Last Updated: 27 days ago

Watch Video
Duration: 1m 14s

Challenge for Section 2

Now that you have completed Section 2 (“Step by Step”), here’s a set of challenging tasks to test the skills and knowledge you have acquired.

This section’s Challenge is in two parts.

Part 1

The first part of the Challenge is based on the “Lifting State Up” videos in this section.

  1. Add a kelvin temperature input to the app.
  2. Apart from the boiling verdict, also indicate when water freezes.
  3. Make sure that the UI doesn’t display temperatures that are below zero kelvin

Part 2

The second part of the Challenge is based on the “Thinking in React” videos in this section.

  1. Extract a ProductTableHeader component, containing the table header, from the ProductTable component.
  2. Add an affordance, such as a checkbox, to sort the products alphabetically by name, within their product category.

Next Up…

In the next video, we will show you what we will build in Section 3, “Learn by Doing”.