How to install reactjs on ubuntu 20. 04?

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
Sponsored
NPM

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

$ sudo apt install npm

How to install reactjs on ubuntu 20. 04? 1

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

$ npm –version

How to install reactjs on ubuntu 20. 04? 2

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

$ node –version

How to install reactjs on ubuntu 20. 04? 3

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

How to install reactjs on ubuntu 20. 04? 4

Check if the version is updated using the command:

Sponsored
$ create-react-app –version

How to install reactjs on ubuntu 20. 04? 5

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:

See also  Canonical launches Ubuntu Core 24 
$ create-react-app linuxhint

How to install reactjs on ubuntu 20. 04? 6

After getting all packages, change the directory using:

$ cd linuxhint

How to install reactjs on ubuntu 20. 04? 7

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

$ npm start

You will get the following output:

How to install reactjs on ubuntu 20. 04? 8

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

How to install reactjs on ubuntu 20. 04? 9

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.


Discover more from Ubuntu-Server.com

Subscribe to get the latest posts sent to your email.

Comments

No comments yet. Why don’t you start the discussion?

    Leave a Reply