In today’s fast-paced digital world, ReactJS has emerged as a cornerstone for developing dynamic and responsive web applications. Its component-based architecture enables developers to create large web applications that can change data without reloading the page. For those working with Rocky Linux 9, setting up ReactJS might seem daunting at first glance. However, this guide aims to simplify the process, providing a straightforward path to get ReactJS up and running on your system.

Step 1: Update Your System

Always start with an up-to-date system to ensure compatibility and security for your installations. Open your terminal and execute the following command:

sudo dnf update -y

This command updates the package repository and the installed packages to their latest versions.

Step 2: Installing Node.js and npm

ReactJS development requires Node.js as the runtime environment and npm as the package manager. To install these on Rocky Linux 9, you can follow these steps:

1. Add Node.js Repository As of now, the latest version of Node.js might not be available in the default Rocky Linux repositories. However, you can add the NodeSource repository to get access to the latest versions. Run:

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

Replace 14.x with the version of Node.js you wish to install. For ReactJS development, using the latest LTS version is recommended.

2. Install Node.js and npm Once the repository is added, you can install Node.js and npm with:

   sudo dnf install nodejs -y

This command installs both Node.js and npm since npm comes packaged with Node.js.

3. Verify Installation Confirm that Node.js and npm are successfully installed by checking their versions:

   node -v
   npm -v

This will display the installed versions of Node.js and npm, respectively.

Step 3: Installing ReactJS

With Node.js and npm in place, you’re now ready to install ReactJS. For a smooth start, we’ll use the Create React App command-line interface, which sets up a new ReactJS project with everything you need.

1. Create Your ReactJS Project Choose a directory for your project and run:

   npx create-react-app my-react-app

Replace my-react-app with your desired project name. This command creates a new directory named after your project, setting up the ReactJS environment inside.

2. Navigate to Your Project Directory Move into your project’s directory:

   cd my-react-app

3. Start Your ReactJS Application Begin the development server:

   npm start

This command launches the app in development mode, opening your default web browser to your new ReactJS app. The page will reload if you make edits.

Integrating with Shape.host Services

After successfully setting up ReactJS on Rocky Linux 9, consider leveraging Shape.host’s Cloud VPS services for deploying your application. Shape.host offers scalable, high-performance Cloud VPS solutions, perfectly suited for hosting modern web applications like those built with ReactJS. With Shape.host, you benefit from robust security features, high-speed SSD storage, and the scalability needed to support your application’s growth. Whether hosting a small project or a large-scale enterprise application, Shape.host provides the infrastructure and support to ensure your web presence is reliable and high-performing.