Create a game of tictactoe using react.

The starter code gives you a board component that outputs 3 rows and 9 spans.

Add the clickable elements to make the game playable.

You need to be able to serve the html file through your local network. Install http-server globally so that you can run the files: npm install -g http-server Run it in the directory: http-server

We need to capture data from the clicked element- we can use a traditional click event callback function:

At the component:

handleClick = (event, colIndex) => {
    // access to event.target here
    console.log(event);
}

In the JSX:

<button type="checkbox" onClick={((ev) => this.handleClick(ev, colIndex))}/>
    yay
</button>

Nest your board component within a game component. Add other components as you see fit.

Detect winning states. (hard-coded is ok)

Add a score

Make the columns and rows dynamic

Make the winning state dynamic (3,4,5 in a row)

Make a computer player