DEV Community

Cover image for Build an Awesome Version of Tic Tac Toe in React
CodingWith-Adam
CodingWith-Adam

Posted on

Build an Awesome Version of Tic Tac Toe in React

Try the game here:

https://codingwith-adam.github.io/tic-tac-toe-react/

In this Tutorial we are going to build an awesome version of Tic Tac Toe using React.

Learn React concepts such as thinking in components, useState hook and useEffect hook. We also cover JS audio, CSS concepts such as flex-box and grid layouts for display and more to create a delightful UI.

The following component diagram is used to help us think in components.

Tic Tac Toe React Component Diagram

Take the tutorial on youTube here:

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay