Correctement configurer une application React pour travailler avec d'autres développeurs dans VS Code

Question

Je suis en train d'apprendre React avec mon fils en utilisant VS Code et nous avons du mal à synchroniser correctement et à configurer comment travailler avec les mêmes fichiers sur Github.

Nous avons un dépôt avec des fichiers source. Appelons-le 1st-repo. Son PC fonctionne bien car il a le contrôle du dépôt (master). J'aimerais forker ce dépôt (je pense ?) pour avoir tous les fichiers et apporter mes propres modifications.

Je ne suis vraiment pas sûr de comment commencer dans VS Code. Dois-je d'abord créer une application vierge "npx create-react-app {nom}" puis cloner ? Ou dois-je le configurer via git/github dans VS code.

Une fois que la configuration initiale est terminée, j'aimerais voir comment les gens travaillent ensemble.

Answer 1

Vous ne voulez certainement pas npx create-react-app {name} car cela va créer un nouveau projet d'application.

Si vous voulez simplement travailler sur le même projet en même temps, vous n'avez qu'à cloner le dépôt Github sur votre machine.

git clone 

Ensuite, changez de répertoire vers le projet et installez les dépendances du projet. Cela suppose que vous avez déjà node installé sur votre machine.

cd 
npm install

À partir de là, vous pouvez ouvrir le projet dans VSCode, apporter vos modifications et les valider et les pousser vers le dépôt distant. Je vous suggère de vous familiariser avec Git et les commandes pull, commit et push. De plus, familiarisez-vous avec la création et le passage entre les branches de travail.

Feuille d'astuce Git

Si vous et votre fils travaillez sur le même code dans la même branche en même temps, des conflits de fusion vont probablement se produire lorsque l'un de vous pousse ses modifications vers le dépôt distant. Prenez l'habitude de récupérer toutes les modifications du dépôt distant avant de valider et pousser vos modifications, il est plus facile de résoudre les conflits de cette manière. Même VSCode rend cela très simple dans l'interface graphique.

VSCode dispose également d'une extension appelée Live Share qui vous permet de travailler dans une fenêtre partagée. Vous pouvez voir les curseurs et la position dans le code de chacun.

Bonne chance.