Installation de ReactJS

Introduction

Ce chapitre explique l'installation de la bibliothèque React et de ses outils connexes dans votre machine. Avant de passer à l'installation, vérifions d'abord les prérequis.

React fournit des outils CLI pour le développeur afin d'accélérer la création, le développement et le déploiement de l'application web basée sur React. Les outils React CLI dépendent de Node.js et doivent être installés sur votre système. Avec un peu de chance, vous avez installé Node.js sur votre machine. Nous pouvons le vérifier en utilisant la commande ci-dessous :

node --version

Vous pouvez voir la version de Nodejs que vous avez installé. Elle est affichée comme ci-dessous pour moi,

v19.1.0

Si Nodejs n'est pas installé, vous pouvez le télécharger et l'installer en visitant https://nodejs.org/en/download/.

Toolchain

Pour développer des fonctionnalités légères telles que la validation de formulaire, le dialogue de modèle, etc., la bibliothèque React peut être directement incluse dans l'application web via le réseau de diffusion de contenu (CDN). C'est similaire à l'utilisation de la bibliothèque jQuery dans une application web. Pour les applications de taille moyenne à grande, il est conseillé d'écrire l'application sous forme de plusieurs fichiers, puis d'utiliser des bundlers tels que webpack, parcel, rollup, etc. pour compiler et regrouper l'application avant de déployer le code.

React toolchain aide à créer, construire, exécuter et déployer l'application React. React toolchain fournit essentiellement un modèle de projet de démarrage avec tout le code nécessaire pour amorcer l'application.

Parmi les chaînes d'outils les plus populaires pour développer des applications React figurent :

• Create React App − Chaîne d'outils orientée SPA.
• Next.js − Chaîne d'outils orientée vers le rendu côté serveur.
• Gatsby − Chaîne d'outils orientée contenu statique.

Les outils nécessaires pour développer une application React sont :

• Le serve, un serveur statique pour servir notre application pendant le développement.
• Compilateur Babel.
• Créer une application React CLI.

Dans ce cours, nous allons apprendre les bases des outils mentionnés ci-dessus et comment les installer.