improve-tictactoe-tutorial

Improving the Tic Tac Toe tutorial on React.js site through the implementation of the optional steps.

https://reactjs.org/tutorial/tutorial.html

"If you have extra time or want to practice your new skills, here are some ideas for improvements you could make, listed in order of increasing difficulty:

• Display the move locations in the format “(1, 3)” in the move list.
• Bold the currently selected item in the move list.
• Rewrite Board to use two loops to make the squares instead of hardcoding them.
• Add a toggle button that lets you sort the moves in either ascending or descending order.
• When someone wins, highlight the three squares that caused the win."

Install

To install create a react app: go in

https://reactjs.org/docs/installation.html

"Creating a New Application" section.

npm install -g create-react-app
create-react-app improve-tictactoe-tutorial

After install replace the public and src folders of the App with the same folder here on GitHub.

To create the developement server in the improve-tictactoe-tutorial folder start the development server:

npm start

Enjoy!