React.js - Let's build a Tic Tac Toe game.
What you'll learn
- 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
- A way of reducing loops in your code by using hash maps in Javascript
- How to use the useState React hook in a decently sized application
Course content
- 05:07Introduction
- 01:59Tools and Resources
- 02:25Creating our React application
Requirements
- A basic level of understand of React is preferred
- A reasonable understand of HTML, Javascript and CSS
- Node and NPM must be installed at a minimum
Description
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.
Who this course is for:
- React Developers looking to take on a reasonably sized project that isn't too complex
- Developers who are keen on adding a project to their portfolio
- Any developer that wants to know how to build a Tic Tac Toe game
Instructor
![Daryl Duckmanton](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.6 Instructor Rating
- 431 Reviews
- 44,917 Students
- 3 Courses
I am a full stack web developer, who has been developing websites for 13 years, both from a back and front end. I have been working in the areas of HTML5, CSS3, Javascript, Typescript, .NET, Windows Azure, AWS and Angular / React in recent years.
I love to teach and I also teach a lot on YouTube as well. I have videos available in the Angular / React and AWS spaces.