Categories: Ubuntu

How to Install ReactJS on Ubuntu 20.04?

React or Reacts was launched in 2011. It is a front-end JavaScript library that is used to develop UI components. It is managed by Facebook and open-source developers.

ReactJS is an open-source library that makes it effortless to create and maintain interactive UI specifically for single-page applications. Many developers are using it because of its flexibility, integrity, and its feature to bring Html directly into JS. Many well-known corporations such as Facebook, Uber, and Instagram used the ReactJS framework to create interfaces. To get ReactJS on Ubuntu, follow the procedure given below:

How to Install ReactJS on Ubuntu 20.04?

First, we need to install NPM, which is a dependency management tool containing all libraries. You can download any software package without login:

Installing NPM

To install npm, open up the terminal and type the following command:

$ sudo apt install npm

To verify if the installation is completed successfully, check the npm version through the command:

$ npm –version

The npm will also install the node library along. To confirm its version, type:

$ node –version

Install Create-React-App tool

Install create-react-app helps to set all tools required to create React Applications.

Run the following npm command to install the create-react-app utility:

$ sudo npm -g install create-react-app

Check if the version is updated using the command:

$ create-react-app –version

The downloading process has been completed. Now you can create React-Application.

I am giving the name of the application as “linuxhint”. Run the below-mentioned command to create an application:

$ create-react-app linuxhint

After getting all packages, change the directory using:

$ cd linuxhint

Now, to run react application named linuxhint, type mentioned command:

$ npm start

You will get the following output:

And your browser will open-up and shows you that the app is up and running with local host-3000:

Conclusion

You have seen in this guide the process of installing  ReactJS on Ubuntu 20.04. ReactJS is a Javascript library that is famous among huge platforms like Facebook and Uber because of its usefulness and advanced features. What makes it unique is that it allows developers to break complicated UI into components.

Ubuntu Server Admin

Recent Posts

Predict, compare, and reduce costs with our S3 cost calculator

Previously I have written about how useful public cloud storage can be when starting a…

3 days ago

One Thread to Poll Them All: How a Single Pipe Made WaterDrop 50% Faster

This is Part 2 of the "Karafka to Async Journey" series. Part 1 covered WaterDrop's…

3 days ago

A year of documentation-driven development

For many software teams, documentation is written after features are built and design decisions have…

4 days ago

Announcing FIPS 140-3 for Ubuntu Core22

With the release of the FIPS 140-3 certified cryptographic modules for Ubuntu 22.04 LTS, Canonical…

5 days ago

The foundations of software: open source libraries and their maintainers

Open source libraries are repositories of code that developers can use and, depending on the…

1 week ago

From inspiration to impact: design students from Regent’s University London explore open design for their dissertation projects

Last year, we had the opportunity to speak at Regent’s UX Conference (Regent’s University London’s…

1 week ago