All Projects → guar47 → react-tutorial-tic-tac-toe

guar47 / react-tutorial-tic-tac-toe

Licence: other
Tic Tac Toe game by React tutorial with advanced features

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to react-tutorial-tic-tac-toe

Awesome React
A collection of awesome things regarding React ecosystem
Stars: ✭ 46,270 (+132100%)
Mutual labels:  react-tutorial
Reactjs101
從零開始學 ReactJS(ReactJS 101)是一本希望讓初學者一看就懂的 React 中文入門教學書,由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)。
Stars: ✭ 4,004 (+11340%)
Mutual labels:  react-tutorial
react-example-paginated-list-infinite-scroll
Follow a React tutorial series with three parts to build a powerful component in React.
Stars: ✭ 43 (+22.86%)
Mutual labels:  react-tutorial
babel-webpack-react-redux-tutorials
React技术栈一站式系列教程,涉及React、Redux、Babel、Webpack等相关技术
Stars: ✭ 34 (-2.86%)
Mutual labels:  react-tutorial
react-tutorial
A react-tutorial
Stars: ✭ 99 (+182.86%)
Mutual labels:  react-tutorial

Tic Tac Toe game by React tutorial

Tutorial link

Usage:

yarn

yarn start


Advanced features:

  • Done. Display the location for each move in the format (col, row) in the move history list.

  • Done. Bold the currently selected item in the move list.

  • Done. Rewrite Board to use two loops to make the squares instead of hardcoding them.

  • Done. Add a toggle button that lets you sort the moves in either ascending or descending order.

  • Done. When someone wins, highlight the three squares that caused the win.

  • Done. When no one wins, display a message about the result being a draw.

  • Done. Add the button to re-start the game.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].