From 4b313b9755a09ef4772565119c7ae47134ab4fa3 Mon Sep 17 00:00:00 2001 From: Efrice <35595223+Efrice@users.noreply.github.com> Date: Thu, 23 Mar 2023 23:58:42 +0800 Subject: [PATCH] chore: update tutorial-tic-tac-toe.md (#5802) --- src/content/learn/tutorial-tic-tac-toe.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/learn/tutorial-tic-tac-toe.md b/src/content/learn/tutorial-tic-tac-toe.md index 0dc773ff..987a2d53 100644 --- a/src/content/learn/tutorial-tic-tac-toe.md +++ b/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.