React ReactへMaterial-UIの導入
インストール
npmインストールしていく。
npm install @mui/material @emotion/react @emotion/styled
npm install @mui/icons-ma...
2022-08
React 
firebase firebase 8(書き込み、読み込み、削除、更新)
データの書き込み
add()を使う。(idを自動生成)
api.jsを作成し、データの書き込みを記述する
import firebase from "firebase";
import {...
firebase firebaseにデータベースを作成する
Cloud Firestoreを作成
「構築」→「Cloud Firestore」で作成する
コレクションを作成
firebase firebase ユーザーログイン、ログアウトの状態でDOMの出し分け
まず普通にやってみる
currentUserにログイン情報が入っているので、それがあるか無いかで条件分岐して出し分ける。
import React, { useContext } from 'react'
im...
React グローバルstateの管理
createContext
const AuthContextへcreateContext()を代入して、exportする。
propsにchildrenを渡して、valueにstateを代入する。
import { u...
React firebase とreactの連携
.envファイルの作成
.env.localファイルを作成する。
REACT_APP_FIREBASE_API_KEY=""
REACT_APP_FIREBASE_AUTH_DOMAIN="&qu...
firebase firebaseログイン機能
「構築」→「Suthentication」→「始める」
使いたいものを選ぶ
「有効」→「メールアドレス」
Reactでの記述(ログインモーダルを出す)
export co...
firebase firebase 基礎
データ構造の理解
コレクションドキュメントフィールド
コレクションとは
データベースのルート要素で、ドキュメントの集合。
配下にドキュメントを持つことができる。コレクションの生成と破棄は意識しなくてよい。ドキュメン...
firebase React学習記録 firebaseからデータを取得
firebaseでプロジェクトを作成する
こちらを参考にプロジェクトを作成。
var firebaseConfig = { と書いてあるところまで進めてください。firebase9からは、varではなくconstが使われていま...