Les outils pour bien démarrer
Pré-requis de la formation
Mon premier composant React
Mon premier projet en React
Notions avancées
Détails de la leçon
Description de la leçon
Pour déployer une application construite avec React, il est nécessaire de passer par une phase dite de build. React utilise du Javascript moderne et du JSX qui ne sont pas directement interprétés par les navigateurs. Afin de rendre l'application fonctionnelle en production, le code doit être transpilé et optimisé.
La commande npm run build permet de créer une version optimisée de l'application en minifiant les fichiers et en retirant les outils de développement. Le résultat de cette opération est un ensemble de fichiers statiques (HTML, CSS, JS) prêts à être déployés sur un serveur web.
Deux méthodes de déploiement sont possibles : tester localement avec le paquet serve ou déployer sur un serveur dédié comme Apache ou Nginx. Dans les deux cas, l'index.html généré permettra de lancer l'application en chargeant les fichiers static.js et main.js.
Objectifs de cette leçon
Cette vidéo vise à :
- Expliquer l'importance de la phase de build pour une application React.
- Démontrer comment utiliser la commande npm run build pour générer une version optimisée de l'application.
- Présenter les différentes méthodes de déploiement d'une application React.
Prérequis pour cette leçon
Pour suivre cette vidéo, vous devez :
- Avoir des connaissances de base en développement web avec React.
- Comprendre le fonctionnement des commandes npm.
Métiers concernés
Les compétences acquises dans cette vidéo sont utiles pour :
- Développeur Front-end
- Ingénieur DevOps
- Architecte Logiciel
Alternatives et ressources
Parmi les alternatives pour le déploiement d'applications, on retrouve :
- Utiliser Vercel pour un déploiement simple avec une configuration minimale.
- Déployer sur Netlify qui propose des fonctionnalités avancées pour les applications Jamstack.
Questions & Réponses
Je m'abonne