React+Firebase+Typescriptを手探りで

ikura1 2022/08/10

↑を参考に途中までやったが、firebaseのバージョンが古かった…
良い題材と思ったんだけどな

ikura1 2022/08/10

基本方針は、

他の人が作っている簡単なものを真似る
気になることを調べる
上記をある程度わかるまで繰り返す
最後に、簡単なアプリを自前で作る

ikura1 2022/08/10

今はこれ

ikura1 2022/08/10に更新

わからないメモ

useEffect
useNavigate
BrowserRouter
interfaceとtype

ikura1 2022/08/11

useNavigate

React-Routerのページ遷移

ikura1 2022/08/11

useEffect

更新時に実行される関数的なもの？
雰囲気はわかったが、使用用途や使用タイミングがあまり掴めていない

ikura1 2022/08/11

BrowserRouter

ReactRouterでのRouterの一つ、HTML5History APIを使用している
詳しいことはあとから覚えるので概要だけの理解で次へ

ikura1 2022/08/11

interfaceとtype

動作的にはどちらでも問題がない

interfaceを同名拡張できる
typeではunionとtupleができる

とりあえず、わからんけどいったんtypeで良さそう

ikura1 2022/08/11

jsのやつでもあまり変わらないし自分でなんとかできる気がしてきた
reactjs + firebase v9で探すか

ikura1 2022/08/11

完全に一から+説明しつつなのが、我慢できん民には入れない(ライブだから長いし
我慢できん！！

ikura1 2022/08/11

useEffectの第2引数指定しなくて無限ループしてたのに気付かなかった

写経向けではなかったので、次(写経向きってなんだ

ikura1 2022/08/11

間違いなく手探りではない…写経か…

ikura1 2022/08/12

またちがうビルドツール？いた
https://www.snowpack.dev/

ikura1 2022/08/13

写経なのに無限に詰まってる、paletteの拡張がうまくいかん

ikura1 2022/08/14

hoge.d.tsのタイプ定義は、tsconfig.jsonのincludeでフォルダ指定する
types/theme.d.tsが読めずに詰ってた

ikura1 2022/08/14

違うかったかも、カラー部分color="slate"の上書きはこれで行けた

declare module "@mui/material/Button" {
  interface ButtonPropsColorOverrides {
    slate: true;
  }
}

ikura1 2022/09/25

気分転換に適当にコードを書く
UIには、antd

https://ant.design/

ikura1 2022/09/25

install

npm install antd

ikura1 2022/09/25

データはいったん定数として扱って、Firebaseとの繋ぎ込みはあとでええか