MONTH

0年0月

React + Firebaseを使ったユーザー認証の実装方法

React又はNext.jsでFirebaseを使ったユーザー認証(Authentication)をするためには、UseEffectとonAuthStateChangedを使ってサインイン(ログイン)機能を実装し、Reduxを使いユーザーのログイン状況(State)を管理する方法が一般的ですが、コードは長く複雑になります。Firebaseとreact-firebase-hooksというカスタムフッ […]

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をそ […]