Install React Application on Ubuntu

Source from computingforgeeks.com.

Layout Guide Github-Formatting

--Arrange By Julius Leonardo

Step 1: Update APT index

sudo apt update

Step 2: Install Node.js 14 on Ubuntu 22.04|20.04|18.04

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

The script above will create apt sources list file for the NodeSource Node.js 14.x repo:

# Ubuntu 20.04 example
$ cat /etc/apt/sources.list.d/nodesource.list
deb https://deb.nodesource.com/node_14.x focal main
deb-src https://deb.nodesource.com/node_14.x focal main

Once the repository is added, you can begin the installation of Node.js 14 on Ubuntu Linux:

sudo apt -y install nodejs

Verify the version of Node.js installed.

$ node  -v
v14.17.5

Step 3: Installing NPM in Ubuntu

Source from www.tecmint.com

$ sudo apt install npm

$ npm --version

6.14.4  [Output]

Step 4: Installing create-react-app Utility

sudo npm -g install create-react-app

Once installed, you can confirm the version of installed by running:

$ create-react-app --version

4.0.1  [Output]

Step 5: Create & Launch Your First React Application

$ create-react-app tecmint-app

This takes roughly 5 minutes to install all the packages, libraries, and tools needed by the application. Some patience will come in handy.

If the creation of the application was successful, you will get the notification below giving the basic commands that you can run to start managing the application.

To run the application, navigate into the app directory

$ cd tecmint-app

Then run the command:

$ npm start

You will end up getting the output below showing you how to access the application on the browser.

Fire up your browser and browse your server’s IP address

http://server-ip:3000 // anyport