react-js

1. Install

npm install -g create-react-app
create-react-app react-js

2. Add Routing

• Install dependencies

npm install react react-dom --save

npm install react-router-dom --save

3. AJAX

A library for data fetching (which generally work in all modern browsers). Facebook recommends the following:

• superagent
• reqwest
• react-ajax
• axios
• request

We have selected axios based on STARS.

npm install axios --save

4. STATE

Checkout the console log to better understand the state

5. Tic Tac Toe

Time for a little game. (Updated logic - https://facebook.github.io/react/tutorial/tutorial.html)

6. Autocomplete

We will include bootsrap framework for this..

npm install --save react-bootstrap

Use - react-autocomplete

npm install --save react-autocomplete

7. Passing values from parent component to child component and vice versa

Example showing how pass values from :

• Parent to Child — Use Prop
• Child to Parent — Use a callback and states