Browse Source

chore: update tutorial-tic-tac-toe.md (#5802)

main
Efrice 2 years ago
committed by GitHub
parent
commit
4b313b9755
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 4
      src/content/learn/tutorial-tic-tac-toe.md

4
src/content/learn/tutorial-tic-tac-toe.md

@ -2903,10 +2903,10 @@ body {
If you have extra time or want to practice your new React skills, here are some ideas for improvements that you could make to the tic-tac-toe game, listed in order of increasing difficulty:
1. For the current move only, show "You are at move #..." instead of a button
1. For the current move only, show "You are at move #..." instead of a button.
1. Rewrite `Board` to use two loops to make the squares instead of hardcoding them.
1. Add a toggle button that lets you sort the moves in either ascending or descending order.
1. When someone wins, highlight the three squares that caused the win (and when no one wins, display a message about the result being a draw).
1. Display the location for each move in the format (col, row) in the move history list.
1. Display the location for each move in the format (row, col) in the move history list.
Throughout this tutorial, you've touched on React concepts including elements, components, props, and state. Now that you've seen how these concepts work when building a game, check out [Thinking in React](/learn/thinking-in-react) to see how the same React concepts work when build an app's UI.

Loading…
Cancel
Save