Course: Section

Get Started with Modern React: Learn by Doing

Episode: Title

S03・V21: Challenge (Section 3)

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

Watch Video
Duration: 1m 10s

Challenge for Section 3

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

This Challenge is based on the “Tic-Tac-Toe-Hooks” game built in this Section.

  1. Display the board position for each move, indicating its column and row number, in the move history list.
  2. Show the currently selected item, in bold font, in the move list.
  3. Rewrite the Board component, to use two loops to make the squares, instead of hardcoding them.
  4. Add a toggle button, that lets you sort the moves, in either ascending, or descending order.
  5. When someone wins, highlight the three squares that caused the win.
  6. When no one wins, display a message about the result being a draw.

The End

This is the end of the “Get Started with Modern React” course. We hope you found the course useful. If you have any feedback, please send us a message on Twitter, or leave a comment under one of the YouTube videos.