programming

react

ReactとFirebaseを使ってログインフォームを実装する④

今回でログインフォームは完成です!あとはFirebase側の処理だけです。 Google認証 Firebaseのコンソール画面でAuthenticationからログイン方法をクリック。Googleの認証を有効にします。 ...
react

ReactとFirebaseを使ってログインフォームを実装する③

ログイン機能を確認するため、先にEメールとパスワードでのログインを完了させます。その次にダイアログ表示まで実装します。 FirebaseでEメールとパスワードでのログイン設定 FIrebaseのコンソール画面の左側にあるAut...
react

ReactとFirebaseを使ってログインフォームを実装する②

今回はログインフォームを作成していきます。reduxやredux-thunk、Firebaseを使うことになります。 ログイン状態をreduxで管理し、まずフロント側の処理を完成させることを目指します。 Firebaseの下準備 ...
react

ReactとFirebaseを使ってログインフォームを実装する①

ReactとFirebaseを使用してProgateのようなログインフォームを作成してみます。Google、Twitter、FacebookのソーシャルログインとEメール、パスワードを用いた一般的なログインを実装します。 ソーシャル...
react

VS CodeでESlint、Prettierを使用したReact環境を構築する

Reactの環境構築はcreate-react-appでとても簡単になりました。ここにコードチェック、整形ツールであるESlint、Prettier を導入してみます。ESlint、Prettierを使用した環境構築方法やルールはプロジェ...
react

Reduxのデバックに必須!Redux DevToolsの使い方

react reduxを使用して開発しているときに必須のデバックツールだと思います。Google Choromeのエクステンションでstateの偏移や、アクションの実行の履歴などを確認できます。 Redux DevToolsをインス...
react

Reactで動画を埋め込む方法

Reactで動画を埋め込み、倍速などのコントローラーも設定する方法を解説します。 まずReactのプロジェクトを作りましょう。 npm install -g create-react-app create-react-app...
react

ReactでMarkdownエディタを実装する方法

ReactでQiitaみたいなMarkdownエディタを簡単に実装する方法を解説します。 まずReactのプロジェクトを作りましょう。 npm install -g create-react-app create-re...
スポンサーリンク