Comment installer ReactJS sur Ubuntu 20.04 LTS

Dans ce didacticiel, nous allons vous montrer comment installer ReactJS sur Ubuntu 20.04 LTS. Pour ceux d'entre vous qui ne le savaient pas, React est une bibliothèque JavaScript open source pour créer une interface Web et Composants de l'interface utilisateur. Il est développé et maintenu par Facebook et une large communauté de développeurs. ReactJS peut être utilisé dans le développement d'applications Web ou d'applications mobiles.

Cet article suppose que vous avez au moins des connaissances de base sur Linux, que vous savez utiliser le shell et, plus important encore, que vous hébergez votre site sur votre propre VPS. L'installation est assez simple et suppose que vous s'exécutent dans le compte root, sinon vous devrez peut-être ajouter 'sudo ‘ aux commandes pour obtenir les privilèges root. Je vais vous montrer pas à pas l'installation de ReactJS sur Ubuntu 20.04 (Focal Fossa). Vous pouvez suivre les mêmes instructions pour Ubuntu 18.04, 16.04 et toute autre distribution basée sur Debian comme Linux Mint.

Prérequis

Un serveur exécutant l'un des systèmes d'exploitation suivants :Ubuntu 20.04, 18.04 et toute autre distribution basée sur Debian comme Linux Mint ou un système d'exploitation élémentaire.
Il est recommandé d'utiliser une nouvelle installation du système d'exploitation pour éviter tout problème potentiel.
Un non-root sudo user ou l'accès à l'root user . Nous vous recommandons d'agir en tant qu'non-root sudo user , cependant, car vous pouvez endommager votre système si vous ne faites pas attention lorsque vous agissez en tant que root.

Installer ReactJS sur Ubuntu 20.04 LTS Focal Fossa

Étape 1. Tout d'abord, assurez-vous que tous vos packages système sont à jour en exécutant le apt suivant commandes dans le terminal.

sudo apt update
sudo apt upgrade

Étape 2. Installation de Node.js.

Nous ajoutons maintenant le PPA Node.js à votre système Ubuntu :

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

Ensuite, exécutez la commande suivante pour installer Node.js :

sudo apt install nodejs

Vous pouvez également installer le gestionnaire de packages Yarn sur votre système Ubuntu :

npm install -g yarn

Étape 3. Créez une nouvelle application React.js.

Vous pouvez créer une application React.js en utilisant l'une des commandes suivantes :

yarn create react-app myreactapp

Une fois la création de l'application réussie, vous verrez un long résultat à l'écran :

Success! Created reactproject at /opt/reactproject
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd reactproject
  npm start

Une fois que vous avez créé votre application React. Cela créera un dossier dans le répertoire actuel avec le nom du projet. Passez à ce projet et exécutez yarn start pour lancer l'application :

cd myreactapp
yarn start

Sortie :

Compiled successfully!

You can now view myreactapp in the browser.

  http://localhost:3000

Note that the development build is not optimized.
To create a production build, use yarn build.

Félicitations ! Vous avez installé ReactJS avec succès. Merci d'avoir utilisé ce didacticiel pour installer ReactJS sur votre système Ubuntu 20.04 LTS Focal Fossa. Pour une aide supplémentaire ou des informations utiles, nous vous recommandons de consulter le ReactJS officiel site Web.