ReactでFirebase Authenticationを使う - Qiita

やりたいこと 下記のような感じ。 ログイン必要ページと不要ページを作成し、ログイン必要ページへのアクセスにはチェックを入れる。 かつ、それをreact-router-domで、わかりやすくきれいに書きたい。 完成イメージ 各ファイルの画面イメージ（画面のあるもの）は下記ような感じ。 準備 雛形の作成とモジュールのインストール create-react-appを利用します。 作業フォルダ作成後、必要なモジュールをインストールします。 create-react-app auth-test cd auth-test yarn add react-router-dom firebase bootstrap reactstrap react-loading-overlay formik yup 各モジュールの役割はおおよそ下記のような感じ。 react-router-dom : 言わずとしれたルーテ