dat-tg / react-tutorial

Tutorial: Tic-Tac-Toe You will build a small tic-tac-toe game during this tutorial. This tutorial does not assume any existing React knowledge. The techniques you’ll learn in the tutorial are fundamental to building any React app, and fully understanding it will give you a deep understanding of React.

React Tutorial: Tic-Tac-Toe

This is the React tutorial from https://react.dev/learn/tutorial-tic-tac-toe with these improvements:

1. For the current move only, show “You are at move #…” instead of a button.
2. Rewrite Board to use two loops to make the squares instead of hardcoding them.
3. Add a toggle button that lets you sort the moves in either ascending or descending order.
4. 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).
5. Display the location for each move in the format (row, col) in the move history list.
6. More beautiful UI

Deployment

https://dat-tg.github.io/React-Tutorial/