Make Tic Tac Toe with React | Beginners Tutorial

Published: 11 March 2022
on channel: Code Complete

42,856

997

Through this tutorial, learn how to make tic tac toe using React. This beginner project covers ReactJS, functional components, props, state, hooks, HTML, and CSS.

Discord - / discord
Subscribe - / @code_complete
☕ Donate to support the channel! - https://www.buymeacoffee.com/CodeComp...

-- 🌟 Useful Tools and Software 🌟 --
🌐 10% off domains at Domain.com (use code DOMAIN10) - https://domain.mno8.net/CodeComplete
☁️ FREE $100 for server hosting on Linode - https://linode.gvw92c.net/CodeComplete
📚 30% off annual Skillshare membership (use code annual30aff) - https://skillshare.eqcm.net/CodeComplete

-- 🔗 Links 🔗 --
💻 Code - https://github.com/CodeCompleteYT/rea...
🖥️ Demo - https://codecompleteyt.github.io/reac...
✏️ Font - https://fonts.google.com/specimen/Fre...

Timestamps:
00:00 - 00:27 Intro
00:27 - 03:07 Setup
03:07 - 03:08 Planning
03:08 - 10:34 Creating the boxes
10:34 - 14:53 Arranging the boxes in a grid
14:53 - 18:47 Adding the game logic
18:47 - 21:42 Detecting the winner
21:42 - 32:12 Showing the scores
32:12 - 37:31 Resetting the board
37:31 - 38:02 Wrapping up

DISCLAIMER: Some of the links in the description are affiliate links. The channel will receive a small commission from any sales from these links, but there is no extra charge to you. Thanks for supporting the channel so I can keep making these free tutorials!

On this page of the site you can watch the video online Make Tic Tac Toe with React | Beginners Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Code Complete 11 March 2022, share the link with friends and acquaintances, this video has already been watched 42,856 times on youtube and it was liked by 997 viewers. Enjoy your viewing!

17,888

128