Getting started with React development in minutes on Linux Mint 21 vanessa or Ubuntu-based Distros


React, also known as React.js or ReactJS, is an open-source JavaScript library for building user interfaces (UIs) and web applications.

Developed and maintained by Facebook, React has gained widespread popularity in the web development community for its efficiency, flexibility, and component-based architecture.


My articles are constantly evolving, and I welcome any feedback, corrections, or suggestions you may have. Please don't hesitate to share them with me, and I'll be grateful for your input.

Give me a shout or add me:

Let's get down to business

shall we?

The-office GIFs - Get the best GIF on GIPHY

Check your OS

This step is just to make sure you have Linux Mint or a **Ubuntu-**based Linux distribution.

cat /etc/os-release
lsb_release -a
uname -a


Install VS Code

In this article, you can check its installation process with a Debian file format. Check it out.

Install Google Chrome

In this article, you can check its installation process with wget and a Debian file format. Check it out.

Install Node.js

In this article, you can check its installation process with curl and nvm. Check it out.

Install CRA

npm install -g create-react-app


Create React App (CRA) is an official command-line tool provided by the React team and the Facebook development community. It simplifies the process of setting up and bootstrapping new React.js applications.

CRA generates a complete and well-structured React project with all the essential files, configurations, and development tools preconfigured, allowing developers to start building React applications quickly without the need to manually set up the project structure.

Create react app

npx create-react-app my-react-app

Replace my-react-app with your actual app's name.


The command npx is used instead of npm when creating a new React project with Create React App (CRA) because npx is a package runner tool that comes with npm (Node Package Manager) and is designed to make it easier to run packages that are not globally installed on your system.

In summary, the use of npx when creating React projects with CRA is a best practice that leverages the ability to run packages without global installations, making it easier to manage and use tools like Create React App while avoiding potential version conflicts.

Navigate to the project folder

cd my-react-app/

Start the development server

npm start

In order to start the development server and run your React application locally, use the previous command.


Check the up-and-running page

Stop the server (optional)

In order to finish, just press:




Happy Season 2 GIF by The Office - Find & Share on GIPHY

Let's become friends

Final thoughts

Thank you for reading this article.

If you have any questions, thoughts, suggestions, or corrections, please share them with us.

We appreciate your feedback and look forward to hearing from you.

Feel free to suggest topics for future blog articles. Until next time!