COURSES
MBAData Science & AnalyticsDoctorate Software & Tech AI | ML MarketingManagement
Professional Certificate Programme in HR Management and AnalyticsPost Graduate Certificate in Product ManagementExecutive Post Graduate Program in Healthcare ManagementExecutive PG Programme in Human Resource ManagementMBA in International Finance (integrated with ACCA, UK)Global Master Certificate in Integrated Supply Chain ManagementAdvanced General Management ProgramManagement EssentialsLeadership and Management in New Age BusinessProduct Management Online Certificate ProgramStrategic Human Resources Leadership Cornell Certificate ProgramHuman Resources Management Certificate Program for Indian ExecutivesGlobal Professional Certificate in Effective Leadership and ManagementCSM® Certification TrainingCSPO® Certification TrainingLeading SAFe® 5.1 Training (SAFe® Agilist Certification)SAFe® 5.1 POPM CertificationSAFe® 5.1 Scrum Master Certification (SSM)Implementing SAFe® 5.1 with SPC CertificationSAFe® 5 Release Train Engineer (RTE) CertificationPMP® Certification TrainingPRINCE2® Foundation and Practitioner Certification
Law
Job Linked
Bootcamps
Study Abroad
MS in Data AnalyticsMS in Project ManagementMS in Information TechnologyMasters Degree in Data Analytics and VisualizationMasters Degree in Artificial IntelligenceMBS in Entrepreneurship and MarketingMSc in Data AnalyticsMS in Data AnalyticsMS in Computer ScienceMaster of Science in Business AnalyticsMaster of Business Administration MS in Data ScienceMS in Information TechnologyMaster of Business AdministrationMS in Applied Data ScienceMaster of Business Administration | STEMMS in Data AnalyticsM.Sc. Data Science (60 ECTS)Master of Business AdministrationMS in Information Technology and Administrative Management MS in Computer Science Master of Business Administration MBA General Management-90 ECTSMSc International Business ManagementMS Data Science Master of Business Administration MSc Business Intelligence and Data ScienceMS Data Analytics MS in Management Information SystemsMSc International Business and ManagementMS Engineering ManagementMS in Machine Learning EngineeringMS in Engineering ManagementMSc Data EngineeringMSc Artificial Intelligence EngineeringMPS in InformaticsMPS in Applied Machine IntelligenceMS in Project ManagementMPS in AnalyticsMS in Project ManagementMS in Organizational LeadershipMPS in Analytics - NEU CanadaMBA with specializationMPS in Informatics - NEU Canada Master in Business AdministrationMS in Digital Marketing and MediaMSc Sustainable Tourism and Event ManagementMSc in Circular Economy and Sustainable InnovationMSc in Impact Finance and Fintech ManagementMS Computer ScienceMS in Applied StatisticsMaster in Computer Information SystemsMBA in Technology, Innovation and EntrepreneurshipMSc Data Science with Work PlacementMSc Global Business Management with Work Placement MBA with Work PlacementMS in Robotics and Autonomous SystemsMS in Civil EngineeringMS in Internet of ThingsMSc International Logistics and Supply Chain ManagementMBA- Business InformaticsMSc International ManagementMBA in Strategic Data Driven ManagementMSc Digital MarketingMBA Business and MarketingMaster of Business AdministrationMSc in Sustainable Global Supply Chain ManagementMSc Digital Business Analytics MSc in International HospitalityMSc Luxury and Innovation ManagementMaster of Business Administration-International Business ManagementMS in Computer EngineeringMS in Industrial and Systems EngineeringMSc International Business ManagementMaster in ManagementMSc MarketingMSc Business ManagementMSc Global Supply Chain ManagementMS in Information Systems and Technology with Business Intelligence and Analytics ConcentrationMSc Corporate FinanceMSc Data Analytics for BusinessMaster of Business AdministrationMaster of Business AdministrationMaster of Business AdministrationMSc in International FinanceMSc in International Management and Global LeadershipMaster of Business AdministrationBachelor of BusinessMaster of Business Administration 60 ECTSMaster of Business Administration 90 ECTSMaster of Business Administration 90 ECTSBachelor of Business AnalyticsBachelor of Information TechnologyMaster of Business AdministrationMBA Business AnalyticsMSc in Marketing Analytics and Data IntelligenceMS Biotechnology Management and EntrepreneurshipMSc in Luxury and Fashion ManagementMaster of Business Administration (90 ECTS)Bachelor of Business Administration (180 ECTS)B.Sc. Computer Science (180 ECTS) MSc in International Corporate Finance MSc in Sustainable Luxury and Creative IndustriesMSc Digital Marketing
For College Students

React Codebase Setup

$$/$$

 

You can set up any React application using the following command-line instructions:

 

Instructions for Linux:

 

Step 1. Press Ctrl+Alt+T  to open Terminal  in Ubuntu.

 

Step 2. Check if Node.js  is installed on your machine by writing the following command:

 

node -v

Press Enter.

 

If you see any version being returned to you, it means that Node.js is installed on your machine. If this version is greater than 6, you can skip steps 3 and 4 and directly jump to step 5.

 

 

If the version is not greater than 6 or if you see the message ‘Command 'node' not found, but can be installed with: sudo apt install nodejs’, which means that Node.js is not installed on your computer, close your Terminal  and proceed to the next step.

 

 

 

Step 3. Run the following command to add Node.js-maintained repositories to your Ubuntu package source list by first downloading the scripts from deb.nodesource.com and then running them:

 

sudo curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -

 

 

After the scripts are downloaded and run successfully, you will see something like this in your Terminal:

 

 

 

Step 4. Run the command given below in your Terminal  to install Node.js  on your machine:

 

sudo apt-get install -y nodejs

 

 

After Node.js has been installed on your machine, you will see something like this in your Terminal:

 

 

 

Step 5. Type the following command in your Terminal:
 

sudo npm i -g create-react-app

Press Enter.

 

 

npm stands for Node Package Manager, which gets installed while installing Node.js. i stands for install, which is a command. You can also write install in place of i. g stands for global and is preceded with a hyphen because it is a flag. create-react-app is the name of the package that you need to install. It is a CLI tool that allows you to quickly create and run React applications, with no configuration required from the user.

 

This command will make npm install create-react-app package globally on your machine so that you can create a React application at any valid path on your system.

 

 

 

Step 6. Now is the time to take one more step towards creating your first React application. In the Terminal, go to the path on your system where you want to create your application.

 

For example, if you want to create the application on the Desktop, go to the path in your Terminal that leads you to the Desktop.

 

 

 

Step 7. Create your React application using the create-react-app  package that you installed on your machine in the previous step. For this, you would type a command which mentions create-react-app followed by the name of your application.

 

For example, here, the name of your application is phone-directory. Thus, the command can be written as follows:

 

create-react-app phone-directory

Press Enter.

 


 

This command will create a folder with the name that you mentioned inside your current path in the Terminal. This folder will consist of all the necessary configuration files that you need as the starter code for a React application.

 

 

 

Step 8. Go the application folder that you created on your current path inside the Terminal.

 

For example, here, the name of your application is phone-directory. Thus, you can write the following command in order to go into this application folder:

 

cd phone-directory

 

 

 

Step 9. Now you are ready to start a development server locally on your machine and run your application in development mode. For this, write the following command in your Terminal:

 

npm start

 

 

You can see that the development server has been started on the mentioned URL on your local machine. Here, the server has been started on the localhost with port number 3000.

 

 

This will open a browser tab/window that displays the landing page of the application, which looks something like this:

 

 

 

Step 10. Now, you can start making changes to your phone-directory application. Any code change that you make will get reflected immediately on the browser where the application is running.

 

Happy coding!