Get Started with Modern React: Step by Step
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.
- Add a kelvin temperature input to the app.
- Apart from the boiling verdict, also indicate when water freezes.
- 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.
- Extract a
ProductTableHeader
component, containing the table header, from theProductTable
component. - 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”.