Tic Tac Toe in React
15 December 2025
Category: Mini
Hi everyone,
was just playing around, refreshing React knowledge, and created a simple Tic Tac Toe game. I found that this game
is often used in tutorials so wanted to just try and compare my solution to others.
The project is quite simple, well, its a simple game, with only a few components to structure it.
In App.tsx is just Game component, which is connected to useTicTacToe hook. Inside Game component is Board
component, which is responsible for rendering the grid and Square components. Each Square is a button that triggers
the move when clicked.
Important points:
- State Management: The game state is managed using React’s useState hook. The state includes the board configuration, current player, and game status (win/draw). All game logic is contained there
- Components: The game is broken down into small, reusable components (Game, Board, Square), where Board and Square are “dumb” components that just render based on props.
Keep playing :)
Cheers!
Petr
