Wiki Unbee

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
====== 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 =====

  * https://github.com/rajinwonderland/react-code-blocks

   npm i react-code-blocks


  * https://www.npmjs.com/package/react-code-snippet

   npm i react-code-snippet

  * https://www.npmjs.com/package/coc-simple-react-snippets

   npm i coc-simple-react-snippets

   * https://www.npmjs.com/package/react-router-dom
  
   npm install react-router-dom@5.2.0


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


  * https://fr.techtribune.net/linux/comment-installer-reactjs-sur-ubuntu/89480/
  * https://ubunlog.com/fr/create-react-app-crea-tu-primera-aplicacion-con-react/