How To Download And Start React App From Github UPDATED

Sandra Prepaing – March 01, 2022

• Facebook
• Twitter
• WhatsApp

How To Download And Start React App From Github

Setting Up a React Project from GitHub

Pavneet Singh

Front End Web Evolution

Introduction

GitHub is the most widely used hosting service provider for projects and files to manage information changes effectively. Apart from repository hosting, GitHub also offers many other services like gists , CI/CD integration, parcel publication, GitHub APIs, GitHub Pages, sponsors, and much more. The create-react-app tool automatically adds a .gitignore file that contains the names or patterns to ignore files/directories while pushing the code to the GitHub server. git and GitHub are widely used to develop software in a collaborative environment. This guide explains the details of setting upward a React projection from a GitHub repository using different methods.

Basic Terms and Command of Git

There is some important terminology related to git files and commands that are required to understand how git works:

git is a tool to manage the history of a projection using git commands. The history details are stored in a hidden directory named .git .

repository is a conventional name of a git projection hosted on the GitHub server.

.gitignore files contain the names (or patterns) of the files or directories that will neither exist tracked nor uploaded to a GitHub repository by git .

remote is the control used to add together SSH or HTTPS URL links of a GitHub repository.

origin is just a conventional name for a GitHub repository URL.

staged can exist visualized as a bucket of files or directories whose changes are ready to be stored. The add command is used to phase changes.

commit is used to store the country of all the staged files with an optional message.

pull is used to copy the code from a remote co-operative in the current project.

push button is used to move the committed changes to a remote repository.

Prerequisite:

Install the following tools to set upwardly a GitHub project:

Putty is a tool for windows to generate SSH keys. Download and install the Putty tool as per your Windows OS type (32 or 64).

Clone a Repository Using SSH Link

Cloning is the procedure of creating a local copy of a remote repository. A GitHub repository can exist cloned using an SSH or HTML link. SSH is a protocol to deeply communicate with a server using a handshake mechanism and public-key cryptography technique. A secure connectedness allows you to execute git instructions from the control line (final) without confirming GitHub credentials for every push/pull operation.

Follow the below steps to create an SSH public/private primal pair and add the public key to the GitHub account:

1. Add together GitHub account details

git maintains a global and local (per project) configuration file that is used to store required details like email, user-name, editing software, etc. Update the value of your GitHub account user proper noun and email in the git configuration file:

                                      ane                    git                                          config --global user.name                                        "Your proper name hither"                                                            2                                        git                                          config --global user.e-mail                                        "[e-mail protected]"                                  

bash

2. Generate SSH keys

SSH keys can be generated using git fustigate or the Putty tool to generate keys. Follow the below steps to generate SSH keys on Mac or Linux:

If an SSH key already exists then you tin use the existing key.

Generate SSH Keys using ssh-keygen :Press enter for every input to generate the central.

A passphrase can be used to provide an extra layer of security to SSH keys. If a passphrase if used then git will prompt to enter the passphrase earlier using the SSH key, although passphrase can be saved in ssh-agent like cardinal-chain access to automatically provide the value of the passphrase .

Copy the generated SSH key:
                                                  ane                          # Mac                                                                              2                          pbcopy                                                    <                                                      ~/.ssh/id_rsa.pub                                              
fustigate
On Linux, go the content of the SSH key using the cat command:
                                                  1                          cat                                                                              <                                                      ~/.ssh/id_rsa.pub                                              
bash
For Windows, the central can be generated using git bash (or putty), so open the git bash console and blazon:

Now copy the content of your_home_directory/.ssh/id_rsa.pub file.

3. Add together SSH to GitHub account

Open up settings from the profile icon, select SSH and GPG keys, and add the copied SSH key:

4. Clone Projection

Use the git clone command to clone the project in the current directory, using an SSH link:

An SSH link of a GitHub repository tin can be only be retrieved via a logged-in GitHub account.

Clone a Repository Using HTTP Link

An HTTP URL is used to clone any public or private repository from a GitHub account. The major drawback of using an HTTP URL is that git will ask for a user-proper noun and password for authentication before performing any functioning on a GitHub repository. To clone a GitHub repository, copy the HTTP URL of the GitHub repository

execute the clone command:

                                      1                    git                                          clone https://github.com/UserName/RepoName.git                                  

bash

Clone a Repository Using GitHub CLI

The GitHub CLI brings capabilities of GitHub web UI to the command line to perform operations like creating a pull request, track issues, fork a repository, etc. Utilise the auth command to cosign the account and clone the project using the clone command:

                                      1                    gh auth login                                        2gh repo clone UserName/RepoName                                  

bash

The auth command tin can take a --web flag to authenticate using a browser. It can as well accept authentication token using a --with-token flag.

                                      1                    gh auth login --with-token                                        <                                          myGitHubToken.txt                                  

bash

The clone a command allows to omit the current user name and can work with the repository name associated with the logged-in user business relationship:

                                      1                    gh repo clone RepoName                                  

bash

Alternative Options to Prepare a Repository

There are two other official ways to set a GitHub repository:

Use the download option to get a compressed file of a codebase and uncompress information technology.

Install the GitHub Desktop tool and choose the Open with GitHub Desktop pick on a repository.

Run a Cloned React Project

The node_modules directory is not a part of a cloned repository and should exist downloaded using the npm install command to download all the direct and transitive dependencies mentioned in the package.json file:

                                      1                    # make sure that you are in the root directory of the projection, use" pwd" or "cd" for windows                                        twocd RepoName                    3npm install                                  

sh

It will take some time to download all the dependencies into a node_modules directory, and after the download completion, run the projection:

Tips

A node_modules directory can take up more than than 200MB, so information technology should not be a part of a repository.

If node_modules is already a office of a repository and so information technology can be removed using git rm -r --cached node_modules command, though make sure to commit and push the changes to the remote server first.

Conclusion

A GitHub repository can be cloned using git and gh tools. Employ an SSH central to auto-authenticate. There are many free software available to manage git projects. Try out the GitHub CLI tools to bring all the features of the GitHub UI to terminal. Happy coding!

DOWNLOAD HERE

Posted by: sandraprepaing.blogspot.com

• Facebook
• Twitter
• WhatsApp