CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS 2018 Guide de Déploiement d'une Application React

Guide de Déploiement d'une Application React

Déployer son application
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre ReactJS 2018
Revoir le teaser Je m'abonne
3,0
Transcription

49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,0
49,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

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.

Apprenez à déployer votre application React en utilisant npm run build pour générer une version optimisée de votre projet.

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.

Voir plus
Questions réponses
Pourquoi est-il nécessaire de transpiler le code React avant le déploiement?
Le code JSX utilisé en React n'est pas interprété par les navigateurs et doit être converti en JavaScript traditionnel via un processus de transpilation.
Quelles optimisations sont effectuées lors de la phase de build?
La phase de build minifie le code, retire les outils de développement, et optimise la taille des fichiers pour un temps de chargement plus rapide.
Quels serveurs web peuvent être utilisés pour déployer une application React?
Les applications React peuvent être déployées sur des serveurs dédiés comme Apache ou Nginx.
1 commentaire
3,0
1 vote
5
4
3
2
1
gregory_jarrige
Il y a 4 ans
Cette formation est géniale, mais je ne peux pas lui mettre la note maximale en l'état, car il y a deux problèmes qu'il faudrait signaler à l'auteur :
- la vidéo du chapitre 4.1 ne correspond pas à l'intitulé
- la vidéo du chapitre 6.3 ne correspond pas non plus à l'intitulé
Les deux vidéos erronées correspondent manifestement à un autre cours décrivant la création d'une TODO List.
charlene.bleuse_1
Il y a 4 ans

En réponse à par gregory_jarrige

Bonjour Monsieur Jarrige,

Je vous remercie de votre retour, je fais part de vos remarques au service technique.
Bien à vous, Charlène