Skip to main content

How to run first react app of react.js/single page application?

To run first react app:

In this tutorial you will learn that how to create and run first app or first program in react.js.

1. First you need to install Node.js and  NPM in you system. To know how to install in windows Click here.

2. After installing, Open windows command prompt & type/enter command- npx create-react-app my-react-app and press Enter from you keyboard.

After that Process of installing required files for react.js environment will be get started. It will take 6-8 minutes as it is creating first app name "my-react-app".

After creating first app it will show message like "Succes! Created my-react-app at C:\Users\Raju\my-react-app ... Happy hacking!";

3. Now go to directory "C:\Users\Raju\my-react-app".
To go to directory enter command- cd my-react-app or cd C:\Users\Raju\my-react-app and press enter
Again enter command- npm start and press enter.

Wait a minute, It will automatically open the app in default browser. If it is opening Internet Explorer (IE) browser (IE browser is currently not supporting all features of react.js ) then copy the URL in Google Chrome browser. Then output app/first react app will look like shown below

This is how you will run a first app of react.js program.

Comments

Post a Comment

Popular posts from this blog

How to get list item entity type full name of a SharePoint list using REST API ?

REST API to get list item entity type full name: Bullet method (small and accurate): siteurl( AbsoluteUrl ) + /_api/Web/Lists/getbytitle('ListName')/ListItemEntityTypeFullName or   _spPageContextInfo.webAbsoluteUrl + "/_api/Web/Lists/getbytitle('SPList')/items?select=EntityTypeFullName **Use this above API just replacing absolute site URL and list name **Then put this prepared URL into browser and press enter button and obtain list entity type full name of related list. **You will get ListEntityTypeFullName like " SP.Data.EmployeeListItem " **Employee(may be a list name) How it is? Is it working or not you can tell us using comment section ?
4 comments
Read more

How to send email using SharePoint REST API in jQuery/JavaScript?

  Send email using SharePoint REST API in jQuery/JavaScript: We can able to send email to the SharePoint user using below REST API on SharePoint Online. We need to load SP.js file in code. we must need to give valid SharePoint user to send email. We can able to send email to valid SharePoint user of same organization.      var   restAPI  =  _spPageContextInfo . webAbsoluteUrl  +  "/_api/SP.Utilities.Utility.SendEmail" ;      $ . ajax ({          contentType:   'application/json' ,          url:   restAPI ,          type:   "POST" ,          data:   JSON . stringify ({              'properties' :  {             ...
Post a Comment
Read more