Open2022/09/25にコメント追加29

React+Firebase+Typescriptを手探りで

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

基本方針は、

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

わからないメモ

useEffect
useNavigate
BrowserRouter
interfaceとtype

useNavigate

React-Routerのページ遷移

useEffect

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

BrowserRouter

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

interfaceとtype

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

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

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

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

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

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

気になる
Vite

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

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

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

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

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

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

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

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

https://ant.design/

install

npm install antd

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