Outils pour utilisateurs

Outils du site


dev:installreact

ReactJS sur Ubuntu

Développé par Facebook en 2011, Réagir (également appelé ReactJS) est une bibliothèque Javascript utilisée pour créer des interfaces utilisateur rapides et interactives. Au moment de la rédaction de cet article, c’est la bibliothèque Javascript la plus populaire pour le développement d’interfaces utilisateur. React bat ses homologues – Angulaire et Vue JS en termes de fonctionnalité et de popularité.

Étape 1: Installation de NPM

Gestionnaire de packages de nœuds, est deux choses. Premièrement, il s’agit d’un outil de ligne de commande utilisé pour interagir avec les packages Javascript, qui permet aux utilisateurs d’installer, de mettre à jour et de gérer les outils et bibliothèques Javascript.

Deuxièmement, npm est un registre de logiciels open source en ligne qui héberge plus de 800 000 Node.JS paquets.

  • Configure npm to use the ~/.npm-global directory for global module:
 mkdir ~/.npm-global
 npm config set prefix '~/.npm-global'
 echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.profile
 source ~/.profile
  • install npm
 sudo apt install npm
 npm --version
 > 7.5.2
testé :(version Ubuntu 20.04 et 21.10)

et reboot…

Étape 2: Installation de l’utilitaire create-react-app

create-react-app est un utilitaire qui vous permet de configurer tous les outils nécessaires pour créer un Réagir Application.
 sudo npm -g install create-react-app
 create-react-app --version
 > 5.0.0

Étape 3: Créez et lancez votre première application React

Nous allons créer une application de réaction appelée tecmint-app comme suit.
 create-react-app first-app

Pour exécuter l’application, accédez au app annuaire

 cd first-app
 
 npm start

Désinstaller create-react-app et npm

Utilisateurs nous pouvons désinstaller n'importe quelle bibliothèque installée à partir de npm en utilisant la commande de désinstallation de npm. Exécutez la commande suivante dans le terminal (Ctrl + Alt + T) pour désinstaller créer-réagir-app:

  • supprimer créer une application de réaction
 sudo npm uninstall -g create-react-app   	
 sudo apt remove nodejs

Erreur

  • Create React App requires Node 14 or higher.
 npm cache clean -f
 sudo npm install -g n
 sudo ln -s /home/$USER/.npm-global/bin/n /usr/local/bin/n
 sudo n --version # test it
 sudo n latest
 
  • Cannot find module 'semver'
 sudo rm -rf /usr/local/bin/npm /usr/local/share/man/man1/node* ~/.npm
 sudo rm -rf /usr/local/lib/node*
 sudo rm -rf /usr/local/bin/node*
 sudo rm -rf /usr/local/include/node*o
 sudo apt-get purge nodejs npm
 sudo apt autoremove
 wget https://nodejs.org/dist/v16.13.1/node-v16.13.1-linux-x64.tar.xz
 tar -xf node-v16.13.1-linux-x64.tar.xz
 sudo mv node-v16.13.1-linux-x64/bin/* /usr/local/bin/
 sudo mv node-v16.13.1-linux-x64/lib/node_modules/ /usr/local/lib/

et reboot…

Ajout modules

 npm i react-code-blocks
 npm i react-code-snippet
 npm i coc-simple-react-snippets

npm install react-router-dom@5.2.0

reactjs code snippet npm i coc-simple-react-snippets

Ressources

dev/installreact.txt · Dernière modification : 2021/12/31 22:12 de sbestel