React + Firebaseを使ったユーザー認証の実装方法
React又はNext.jsでFirebaseを使ったユーザー認証（Authentication）をするためには、認証の後に、UseEffectとonAuthStateChangedを使ってサインアップ（及びログイン）状態を管理する方法が考えられますが、コードはやや複雑になります。Firebaseとreact-firebase-hooksというカスタムフックを使うことで、ユーザーの状態管理をずっと […]
MONTH
2021年2月
Reactでのaxiosの使い方【外部APIの取得方法】
本稿ではaxiosというフロントエンドとAPI間の通信ライブラリーについてご紹介したいと思います。AxiosはReactのクラスコンポーネントでも動くのですが、この記事では、Reactの関数コンポーネント内でaxiosを使用する方法をご紹介しています。 さてaxiosですが、githubのaxiosのページでは、ブラウザとnode.jsのためのプロミスベースのHTTPクライアントとあります。 Pr […]
React入門 関数コンポーネントとは
今日はReactの関数コンポーネントについて解説いたします。初めてReactに触れる方でも読んで頂けるように、最低限のコードを引用しつつも概念的な話をメインにしております。 Reactはコンポーネントベース Reactの最大の特徴は、WebサイトあるいはWebアプリをコンポート（部品）に分けて作成できる点です。例えば下記の図のように、各コンポート1.2.3をそれぞれ別のJSファイルで作成した上、中 […]