Cloning React projects from GitHub

1. Find the appropriate URL to use.

   You need to decide whether to clone using https or ssh. If the repository is public and you won't be pushing to it, feel free to use https, since you won't need to provide username or password. Otherwise (it's private or you'll be pushing to it), use ssh so that you can use your ssh key rather than providing a username or password.

   The ssh URL is of the form git@github.com:username/reponame.git while the https URL is of the form https://github.com/username/reponame.git You can copy the URL from the Code↓ popup in the GitHub web interface.

2. Clone React project from GitHub:
   • If you are using WebStorm:
     1. Choose New/Project from Version Control... menu
     2. Enter the URL from step 1 into the URL field.
     3. Click Clone and a new WebStorm project will be created.
     4. Click Trust Project (if necessary).
     5. In the popup at the lower right titled "Install dependencies", click on Run 'npm install'
   • If you are not using WebStorm do the following in the terminal:
     1. clone the repository using git clone URL
     2. run npm install
3. Checkout the desired branch
   In Webstorm choose Git->Branches->origin/desiredBranch->checkout menu item.
   • or, in terminal, git checkout desiredBranch,
4. Click the right-arrow next to npm start in the top-right of the Webstorm window to start your app running and visible in the browser. (Or, if you are not using Webstorm, run npm start in the terminal).

   From this point on, doing a save on files in your project will update your application in the browser.