Différence entre la production et le développement dans ReactJS
Récemment, j'ai commencé à apprendre à réagir et j'ai vu un tutoriel où ils utilisaient Webpack pour créer les builds de production et de développement. Mais il n'y avait aucune explication sur la différence entre ces deux versions et celle que vous devez utiliser quand. J'ai cherché sur Internet mais je n'ai rien trouvé qui m'aide. Quelqu'un a-t-il un tutoriel ou une explication que j'ai raté/que je n'ai pas lu?
La différence fondamentale est que Production Build a une version laide et minifiée (compressée) de votre code javascript, ce qui rend le rendu du fichier sur le navigateur de l'utilisateur final très rapide et améliore les performances.
Vous pouvez également vérifier si la génération de production est utilisée sur le site Web en appliquant une extension de plug-in Google , qui lorsqu'elle est activée sur votre navigateur, vous indiquera toujours si le site Web utilise React Js sur le front-end et indique également si le type de build est de production ou de développement.
lorsque react est une construction de développement,
des versions prêtes pour la production de React et React DOM en tant que fichiers uniques sont également disponibles,
<script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
REMARQUE: N'oubliez pas que seuls les fichiers React se terminant par
.production.min.jsconviennent à la production.
La génération de production et de développement entre en scène simplement en raison de l'impact des performances dans la vie réelle déployée l'application. En outre, il se trouve que l'emplacement où l'application est déployée est un autre continent, donc le rendu des fichiers js de développement sur l'interface utilisateur prendra beaucoup de temps par rapport à la version de production qui est très nette, compacte, compressée, uglifiée pour un meilleur utilisateur expérience et chargement sur l'interface utilisateur. pour information CLIQUEZ ICI