4.40 (33 reviews)
☑ How to build a Tic Tac Toe game
☑ How to build a React application from using a HTML / CSS template
☑ Proper way to structure components and state information in React
☑ How to use the useState React hook in a decently sized application
In this short 2 hour course you will build out a simple 2 player Tic Tac Toe game using React.js. This will be built from the ground up, starting with creating your own new React application. Then breaking a simple HTML / CSS template into reusable functional React components. Lastly you'll also create and maintaining the necessary state needed for the game as well as writing the logic for calculating a win etc.
Please note: This course is not for beginners. And will not spend much time talking about the basics of React. So it is suggested that you have at least a little bit of knowledge before taking the course.
Tools and Resources
Creating our React application
Converting our template into components
Adding our game template
Creating the game component
Creating the board component
Creating the cell component
Component display logic
Populating cell content
Setting cell dynamic classes
Creating cells from dynamic data
Highlighting winning cells dynamically
Lifting game state
Making the game interactive
Configuring cell clicks
Populating cells on click
Prevent overwriting cells
Configuring the Game Over screen.
Creating the result modal component
Controlling modal display from the game.
Setting up game over state
Determining the game result
Setting up the calculate winner function
Calculating a winner
Calculating a tie
Adding the finishing touches
Showing the game's result
Fixing the winning combinations
Starting a new game
BONUS CONTENT: OTHER COURSES
As a free React-helper course, this can't be faulted! Thank you very much for making it available. ???
I already have some programming experience, but not so much with react. I found the majority of the explanations easy to follow an understand. I also enjoyed the project based learning and development that so many other educators fail to provide.
This guy's course is better than so many of the paid courses. Instead of wasting 36 hours of our time listening to what we can read in docs, by making this tic tac toe react app, I can learn how react works in a very short amount of time. Great guy, great explanation, great work. I would definitely buy if theres more content like this