How to Install ReactJS in Ubuntu

ReactJS is a popular Javascript framework that allows you to easily develop interactive user interfaces for your websites and applications. In this article, we will look at how to install ReactJS in Ubuntu.

How to Install ReactJS in Ubuntu

Here are the steps to install ReactJS in Ubuntu. We will use NPM package manager, useful for managing Javascript packages.

1. Install NPM

Open terminal and run the following command to install NPM.

$ sudo apt install npm

Check NPM version

$ sudo npm -v
6.14.2

NPM will also install NodeJS a web server and development platform for JS applications. You can check its version with the following command.

$ sudo node -v

Also read : How to Create JSON Response in Django

2. Install create-react-app utility

create-react-app utility that allows you to install and setup all necessary tools required to develop ReactJS applications. Run the following command to install this utility.

$ sudo npm -g install create-react-app

After its installation, you check its version using the following command.

$ create-react-app --version

Also read : How to Run Shell Script in Linux

3. Create & Launch Your First ReactJS Application

It is very easy to create & launch an app in ReactJS. Just run the following command to create your first ReactJS app sample-app. You can change its name as per your requirement.

$ create-react-app sample-app

It takes 2-3 minutes to create the application, with all its dependencies. Once the application is created you will see the following message

Success! Created sample-app at /home/ubuntu/sample-app
...

To run the application, go to the directory.

$ cd /home/ubuntu/sample-app

and run the command

$ sudo npm start

You will see the following output.

Also read : How to Rename Multiple Files in Linux

4. Test your application

ReactJS application runs on port 3000. Open web browser and go to http://server-ip:3000

You will see the following screen.

In this article, we have learnt how to install ReactJS in Ubuntu.

Also read : How to Extract .bz2 file in Linux