Processus de développement pour travailler sur React js Projet

Question

Nous allons commencer un nouveau projet dans React très bientôt. Plusieurs équipes vont travailler sur les différents modules du même projet. Nous avons travaillé sur des projets PHP et nous avions l'habitude de faire des changements dans les fichiers et de les pousser sur le serveur de développement en utilisant FTP. Mais en réaction, nous devons transpiler le code chaque fois que nous faisons une seule ligne de changement. Ce n'est pas un problème si un seul développeur travaille sur ses machines locales car il y a donc des options disponibles comme le rechargement à chaud de Webpack.

Comment une équipe peut-elle travailler sur l'application React sans perdre de temps à compiler et à créer des applications à chaque fois pour voir les changements dans l'action? Pouvez-vous nous suggérer un outil? Nous allons également utiliser les services AWS. Existe-t-il une option disponible pour ce scénario?

Answer 1

La compilation s'exécute localement sur la machine de chaque développeur. Donc, ce n'est pas vraiment un problème. Les développeurs exécutent l'environnement sur leurs machines et ont n'importe quel transpiler que vous voulez utiliser en cours d'exécution afin que chaque modification apportée sur un fichier source crée également les fichiers compilés. Quand ils veulent "pousser" les changements, ils téléchargent simplement les fichiers source sur votre serveur FTP. Mais sur le serveur, vous devrez configurer un transpiler (il pourrait être le même que celui que vos développeurs utilisent) de sorte que chaque fois que le serveur FTP reçoit un nouveau code, il exécute le transpiler sur les fichiers. Cela est fait automatiquement par le processus transpiler s'il est configuré pour le faire et il arrive généralement très rapidement (un processus lent de transpiration est rare sauf si vous faites quelque chose de très spécial)

En général, lorsque vous utilisez Git (que je Je vous recommande de faire), chaque développeur exécute le transpiler localement et pousse juste les changements sur les fichiers source. Quand un "déploiement" sur le serveur de dev/staging est requis, ils exécutent simplement une commande qui construit/transpile tout et pousse un seul fichier compilé qui transporte tous les fichiers source et les "empaquette". Le serveur charge ensuite simplement les fichiers groupés et ignore complètement les fichiers source.

Je vous suggère de vérifier le projet https://github.com/facebookincubator/create-react-app, ce qui reflète mon dernier paragraphe, est très facile d'avoir un environnement multi-développeur en cours d'exécution et "Pushable" à Heroku ou d'autres serveurs.