Thursday, April 26, 2018

React JS - Tic Tac Toe

Using React JS components method I have developed a Tic Tac Toe 2 player game & hosted it on heroku. The link is ukifunwork3byparani.herokuapp.com.

For that first I downloaded Node JS & NPM in my PC.
Then I run

npm install -g create-react-app

create-react-app my-app
The above command will create a react app folder.

The rest of the works were done by using a tutorial published in the React JS official page.

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

There 2 main components used.
  • Presentational Component 
  • Container Components
In presentational components it consists of codes which are used in front-end / the users visual.

In container components it consists of arguments when user click in the client side.

After that User's name taking method was built & implemented on it.

If a player wins.. An alert button will pop-up with the name of the player who won.

2 comments:

  1. This post is useful for everyone. Thanks for sharing this type of post
    Node JS Online training
    Node JS training in Hyderabad

    ReplyDelete
  2. What an amazing blog. It's making me and others to be very clear in your unique idea.Full Stack Development Company USA

    ReplyDelete