Back to Browse

Make Tic Tac Toe with React | Beginners Tutorial

45.6K views
Mar 12, 2022
38:02

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 - https://discord.gg/TWBtv5an7N Subscribe - https://www.youtube.com/channel/UCeRQr_iEA4-z-Mkt9sg4PwA β˜• Donate to support the channel! - https://www.buymeacoffee.com/CodeCompleteYT -- 🌟 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/react-tic-tac-toe πŸ–₯️ Demo - https://codecompleteyt.github.io/react-tic-tac-toe/ ✏️ Font - https://fonts.google.com/specimen/Fredoka+One 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!

Download

0 formats

No download links available.

Make Tic Tac Toe with React | Beginners Tutorial | NatokHD