Skip to content

Undefeatable tic tac toe: TypeScript, React, and React Hooks

License

Notifications You must be signed in to change notification settings

awkaiser/react-tictactoe

Repository files navigation

Tic Tac Toe

Undefeatable tic tac toe (minimax algorithm) developed with ES6, React.js and React Hooks

Play Tic Tac Toe online

Another one?!

Tic Tac Toe apps have apparently replaced TODO lists in recent years. My implementation predates the official "Intro to React" Tic Tac Toe tutorial by ~5 months and takes a different approach. Over time, this project has become my "keep up with React best practices" test bed: its state management and user interactivity is just complex enough to kick the tires on new React releases and adjust as necessary.

Docker + VS Code

If you have Docker and VS Code installed, you can work with this project as a dev container:

  1. Clone project & open project directory in VS Code
  2. Follow devcontainer auto-detection prompts or run Remote-Containers: Reopen in Container command
  3. Once attached to remote container in VS Code, run npm start via integrated VS Code terminal
  4. Open http://localhost:3000 in your browser
  5. Modify project & see changes reflected live