How To Install ReactJS on Debian 12

In this tutorial, we will show you how to install ReactJS on Debian 12. For those of you who didn’t know, In the world of modern web development, ReactJS has emerged as a powerful and popular JavaScript library. Its component-based architecture and efficient rendering make it a go-to choice for building robust and interactive user interfaces.

This article assumes you have at least basic knowledge of Linux, know how to use the shell, and most importantly, you host your site on your own VPS. The installation is quite simple and assumes you are running in the root account, if not you may need to add ‘sudo‘ to the commands to get root privileges. I will show you step-by-step install ReactJS on a Debian 12 (Bookworm).

Prerequisites

• A server running one of the following operating systems: Debian 12 (Bookworm).
• It’s recommended that you use a fresh OS install to prevent any potential issues.
• SSH access to the server (or just open Terminal if you’re on a desktop).
• An active internet connection. You’ll need an internet connection to download the necessary packages and dependencies for ReactJS.
• A non-root sudo user or access to the root user. We recommend acting as a non-root sudo user, however, as you can harm your system if you’re not careful when acting as the root.

Install ReactJS on Debian 12 Bookworm

Step 1. Before we install any software, it’s important to make sure your system is up to date by running the following apt commands in the terminal:

sudo apt update
sudo apt install build-essential curl gcc g++ make

This command will refresh the repository, allowing you to install the latest versions of software packages.

Step 2. Installing Node.js.

Node.js is an essential runtime environment for executing JavaScript code outside the browser, while NPM (Node Package Manager) allows you to install and manage software packages. Let’s install them by following these steps. Now we add the Node.js 16.x repository to your system:

curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -

Install Node.js and NPM using the following command:

sudo apt install nodejs

Verify the installation by checking the versions of Node.js and NPM:

node -v
npm -v

Step 3. Create a New ReactJS Project.

Now that Node.js and NPM are installed, let’s create a new ReactJS project using the create-react-app utility. This tool allows you to set up a ReactJS project with all the necessary configurations and dependencies in place. Follow these steps to generate a new ReactJS project:

npx create-react-app my-react-app

Replace “my-react-app” with your preferred project name.

To test and preview your ReactJS project locally, you need to start the development server. Now navigate to your project directory:

cd my-react-app

Start the development server by running the following command:

npm start

Step 4. Accessing ReactJS Web Interface.

After a brief compilation process, the development server will be up and running. You can access your ReactJS application by opening a web browser and visiting http://localhost:3000. You will be redirected to the following page:

Congratulations! You have successfully installed ReactJS. Thanks for using this tutorial to install ReactJS on Debian 12 Bookworm. For additional help or useful information, we recommend you check the official ReactJS website.