Create React App でアプリの雛形を作成

$ npx create-react-app <アプリ名>
$ cd <アプリ名>

※　必要のないファイルは削除する。

Githubでリポジトリを新規作成

(1) GitHubにアクセスし、ログインする。ページ右上の『+』アイコンをクリックし、『New repository』をクリックする。
(2) 『Repository name』を記入し、『Create repository』をクリックする。
(3) 作成したアプリをデプロイする

$ git init
$ git remote add origin 例：https://github.com/username/username.github.io
$ git add .
$ git commit -m "コミットメッセージ"
$ git push origin master

(4)Github pagesをインストールする。

$ npm install gh-pages --save-dev

(5)Reactアプリのpackage.jsonを修正する。

　package.json

//...
"homepage": "https://[GitHub username].github.io/[created repository name]/",
//...
"scripts": {
    "deploy": "npm run build && gh-pages -d build"
  },
//...

(6)Githubにリポジトリを作成してデプロイする

$ git@github.com:[GitHub username]/[Repository name].git
$ git push -u origin master
$ npm run deploy

※　GitHubにアップロードを出来たか確認する。

GitHubPageを設定

(1) Github 『Settings』　をクリックし、Github Pagesの『master』を選択し、『save』を押す。
(2) その後下へスクロールしGitHub Pages のSourceをgh-pages branchへ変更する.
(3) GitHubPages設定後表示もう一度GitHubPagesの設定場所へ移動し表示されているURLをクリックし、画面を確認する。

参考サイト

[React 最初からデプロイまで① GitHub Pages編]
()
[github-pageにReact appをデプロイしてみた]
(https://qiita.com/Ham4690/items/4535d744a78db9e403d7)