React js Tutorial By Basil Badwan

As we know React js is java script library . it is used to create user interface development. if you looking to develop single page application.Then react js will be one of the best option.

How to create React App

We will have to setup React js environment on your computer. Create-react-app is an officially supported plateform to create react app. you have already install npm and node.js installed. then you can create react application easily. Create React app is very necessay for creating an app in react js.

Install create react app

C:\Users\Your Name>npm install -g create-react-app

this command will help you to run react js environment.

this is the time . when we can start our first application.

we will have to Run command to create a React application with any named myreact:

C:\Users\Your Name>npx create-react-app myreact.

The create-react-app will set up everything you need to run a React application.

How to run react appplication

followed the two commands above, now we can run our first real React application!

Run this command to move to the myreact directory:C:\Users\Your Name>cd myreact

Run this command to execute the React application myfreact:C:\Users\Your Name\myreact>npm start

Now browser window will pop up with your newly created React App! If not, open your browser and type localhost:3000 in the address bar.

You Should have familar knowledge

Before learning with React.JS, you should have intermediate experience in:

  • HTML
  • CSS
  • JavaScript

You should also have some experience with the new JavaScript features introduced in ECMAScript 6 (ES6), you will learn about them in the React ES6 chapter.