Entwicklungsprozess zum Arbeiten an React js Projekt

Question

Wir werden in Kürze ein neues Projekt in React starten. Mehrere Teams werden an den verschiedenen Modulen desselben Projekts arbeiten. Wir haben Hintergrundwissen über die Arbeit mit PHP-Projekten und wir haben Änderungen an Dateien vorgenommen und sie per FTP auf den Entwicklungsserver übertragen.

Aber in Reaktion müssen wir den Code immer dann umstellen, wenn wir eine einzelne Zeile der Änderung machen. Dies ist kein Problem, wenn ein einzelner Entwickler auf seinen lokalen Maschinen arbeitet, da so irgendwelche Optionen wie das Warmladen von Webpack verfügbar sind.

Wie kann ein Team an der React App arbeiten, ohne seine Zeit damit zu verschwenden, die Anwendung zu kompilieren und zu erstellen, um Änderungen in Aktion zu sehen? Können Sie uns irgendein Werkzeug vorschlagen? Wir werden auch AWS-Dienste verwenden. Gibt es eine Option für dieses Szenario?

Answer 1

Die Kompilierung wird lokal auf dem Computer jedes Entwicklers ausgeführt. Also ist das nicht wirklich ein Problem. Entwickler führen die Umgebung auf ihren Rechnern aus und lassen den zu verwendenden Transpiler laufen, so dass jede Änderung, die an einer Quelldatei vorgenommen wird, auch die kompilierten Dateien erzeugt. Wenn sie die Änderungen "pushen" wollen, laden sie einfach die Quelldateien auf Ihren FTP-Server hoch.

Aber auf dem Server müssen Sie einen transpiler einrichten (es könnte der gleiche sein, den Ihre Entwickler verwenden), so dass der FTP-Server, wenn er neuen Code empfängt, auch den transpiler auf den Dateien ausführt. Dies geschieht automatisch durch den transpiler-Prozess, wenn es dazu eingerichtet ist und es geschieht normalerweise sehr schnell (ein langsamer transpilierender Prozess ist selten, es sei denn, Sie tun etwas ganz besonderes)

Im Allgemeinen, wenn Sie Git verwenden (was ich würde Ihnen empfehlen, zu tun), jeder Entwickler führt den transpiler lokal aus und schiebt nur die Änderungen auf den Quelldateien. Wenn ein "deploy" auf dem dev/staging-Server erforderlich ist, führen sie einfach einen Befehl aus, der alles erstellt/übersetzt und eine einzelne kompilierte Datei verschiebt, in die alle Quelldateien transpiliert und "gebündelt" sind. Der Server lädt dann nur die gebündelten Dateien und ignoriert die Quelldateien vollständig.

Ich schlage vor, Sie überprüfen das Projekt https://github.com/facebookincubator/create-react-app welche Arten von spiegelt meinen letzten Absatz, ist sehr einfach zu einer Multi-Developer-Umgebung zu laufen und "pushable" zu Heroku oder anderen Servern.