Make Tic Tac Toe with React | Beginners Tutorial
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!
Watch video Make Tic Tac Toe with React | Beginners Tutorial online without registration, duration hours minute second in high quality. This video was added by user Code Complete 11 March 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 42,856 once and liked it 997 people.