Comment installer React sur Ubuntu 20.04

Dans cet article, nous expliquerons comment installer React sur Ubuntu 20.04.

React est une bibliothèque JavaScript frontale open source permettant de créer des interfaces utilisateur ou des composants d'interface utilisateur. Il est maintenu par Facebook et une communauté de développeurs individuels et d'entreprises.

Cet article vous guidera dans le processus d'installation et de déploiement du site React.

Conditions préalables

• Un serveur dédié installé Ubuntu 20.04 ou KVM VPS.
• Un utilisateur root ou un utilisateur normal avec des privilèges d'administrateur sudo.

Installer React sur Ubuntu 20.04

Étape 1 - Maintenez le serveur à jour

# apt update -y && apt upgrade -y

Étape 2 - Installez NodeJS et NPM

Installez la dernière version stable de NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

Vérifiez que l'installation est réussie.

# node -v && npm -v

Sortir:

v15.9.0
7.5.4

Étape 3 - Installez l'application de création de réaction

Dans cet article, nous utiliserons l'outil create-react-app. C'est l'outil le plus simple et le plus fin avec des configurations de qualité de production pré-construites. C'est un environnement confortable pour apprendre React et c'est le meilleur moyen de commencer à créer une nouvelle application d'une seule page dans React.

# npm install -g create-react-app

Vérifiez l'installation :

# create-react-app --version

Sortir:

4.0.2

Étape 4 - Déployer l'application React

Créez une application de réaction à l'aide de la commande suivante :

# npx create-react-app my-app

Démarrer le serveur de développement

Une fois que vous avez installé une application React, accédez au répertoire racine de votre projet et démarrez le serveur de développement à l'aide de la commande suivante :

# cd my-app

# npm start

Vous pouvez maintenant voir my-app dans le navigateur.

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000

Construire

Regroupe l'application dans des fichiers statiques pour la production. Exécutez la commande suivante :

# npm run build

C'est ça. L'installation s'est terminée avec succès.

Dans cet article, nous avons vu comment installer React sur Ubuntu 20.04.