Manage Complex Tic Tac Toe Game State in React

24m
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.6
259
people completed
Bookmark
Download
RSS

Tic Tac Toe is a classic game that has a relatively simple win condition. Get three of your pieces to line up in a row on a 3x3 grid-style board and you win, and also prevent your opponent from doing so.

This makes the game a great challenge to represent as code.

In this course, you will start with a blank create-react-app application, learn how to build a 3x3 grid (with CSS Grid), and power that grid so that you can take turns with another person and play tic tac toe.

You'll model the game state as a multidimensional array where you will manage and update that state with useReducer

Instructor

Kyle Shevlin

Hi, I am Kyle! I'm a front end JavaScript developer who loves teaching and helping people out. When I'm not coding, you can probably find me playing golf, ultimate frisbee or making music.

Course content (7 lessons)

    illustration for Manage Complex Tic Tac Toe Game State in React