Découvrir React, le Single Page Application

React est l’un des frameworks front-end le plus populaire pour les applications Web. Il est utilisé par des entreprises comme Meta, Netflix, Airbnb etc.. et sa popularité ne cesse de croître chaque jour.

Dans cet article, nous allons couvrir les bases de React : Ce qu’il est, comment l’installer et ce qui le rend différent des autres frameworks frontaux.

# Qu’est-ce que le React ?

React est une bibliothèque JavaScript permettant de construire des interfaces utilisateur. Développée par Facebook, elle est utilisée sur un grand nombre de sites Web, notamment Facebook, Instagram, WhatsApp, Netflix, Airbnb et Uber (pour n’en citer que quelques-uns). React est l’un des frameworks frontaux les plus populaires, mais ce n’est pas le seul ; AngularJS, VueJS et Ember sont également d’excellentes options pour créer des sites Web interactifs.

React prend également en charge le rendu côté serveur afin que votre application soit accessible à tout moment sans qu’un rechargement complet de la page soit nécessaire.

# Comment installer React?

Pour pouvoir installer React, vous aurez besoin d’avoir Nodejs et npm sur votre machine.

Si ce n’est pas le cas, vous pouvez vous rendre sur le site officiel de Nodejs et télécharger le stup et l’installer.

Pour vérifier si vous avez Nodejs sur votre ordinateur, ouvrez votre terminale(cmd command ) et tapez:

node – -version ou node -v

Vous allez faire la même chose pour Npm car il est directement installer avec Nodejs:

npm – -version ou npm -v

Si vous avez les versions de Nodejs et NPM en tapant ces deux commandes alors nous pouvons maintenant installer React.

Découvrez CRA

Create React App nous permet de générer un squelette de code pour notre application React. Il embarque un certain nombre d’outils pré-configurés, tels que Webpack, Babel et ESLint, afin de vous garantir la meilleure expérience de développement possible.

Installez et lancez CRA

Pour l’installation de Create React App, nous allons utiliser un gestionnaire de paquets(NPM) directement sur le terminal. C’est parti !

• Ouvrez votre terminal
• Lancez la commande pour installer le CRA de manière globale sur la machine:    
  • npm install -g create-react-app 
• Nous allons nous positionner sur Documents et créer un dossier MesProjetsReacts qui va contenir notre projet React:
  • cd Documents
  • mkdir MesProjetsReacts
  • cd MesProjetsReacts
• Créons notre projet react en tapant cette commande: 
  • create-react-app my_app
• Et enfin pour lancer notre application nous utiliserons les commandes: 
  • cd my-app
  • npm start

Je ne vais pas plus loin dans les détails, ce n’est pas le but de cet article. Mais vous pouvez en apprendre plus en suivant la vidéo de Believemy.

# Pourquoi devrons-nous utiliser React ?

La raison de sa popularité est qu’il permet aux développeurs de construire facilement des interfaces utilisateur complexes. React est souvent utilisé pour créer des applications à page unique ou Single Page Application en Anglais(SPA).

Une application à page unique (SPA) est une application web qui charge une seule page et la met à jour de manière dynamique au fur et à mesure que l’utilisateur navigue dans l’application.

React a une forte communauté de développeurs et il existe de nombreuses bibliothèques open source que vous pouvez utiliser.

React peut être utilisé avec n’importe quelle technologie backend, comme Nodejs ou des frameworks Java côté serveur comme Spring Boot.

# React contre les autres frameworks frontaux.

Mais qu’est-ce qui rend React si génial ? Et comment se compare-t-il à d’autres frameworks comme Angular ou Vue ? Examinons de plus près certains des principaux avantages de React et pourquoi il est un outil si important dans la boîte à outils de tout développeur Web.

• Une API simple et intuitive
• Une approche moderne du développement de l’interface utilisateur
• Réutilisabilité des composants de l’interface utilisateur
• Composants déclaratifs

React est très facile à apprendre. La seule chose que vous devez savoir à son sujet est comment écrire JSX et ES6 avec Babel. Une fois que vous aurez acquis ces connaissances, React deviendra une seconde nature, car il est très intuitif et facile à utiliser. Il est donc parfait pour les débutants qui souhaitent se lancer dans le développement Web, ainsi que pour les développeurs expérimentés qui cherchent à se simplifier la vie.