ktmage / jowift-web-client Goto Github PK

特定のディレクトリからimportできないようにしたりしたい。

単体テストをかいて自動で走らせるくらいはやってみたい。
JestとかVitest(?)

通知処理はContextAPIで管理するべきなのか。

iPhone13でノートの一覧表示を見た時に消える。
長いタイトルを持ったノートがあると消えている気がする。
スタイルを見直す。

最初から決めていたコンポーネント設計が良くわからなくなってきたので整理したい。

題名の通り

メモのマークダウン形式をサポートしたい。
お知らせもCMSとかからマークダウンで受け取りたい。

もうちょっとusePost○○同士で共通する処理もあるので、もう少し簡潔に書けないか。

hooksに全てを書きすぎている感がある。
他の人のコードを見ていると、もっと役割を明瞭に分割できる気がする。

現状

• 一覧はrefreshIntervalで一定間隔の自動更新
• 詳細はdedupingIntervalを設定した上で表示するたびに取得

問題点

• 複数端末環境以外で無駄な同期が走ってしまう。
• 一覧は随時増えていくのでメモが堆積すればするほどパフォーマンスが悪化する。

解決案

• 一覧の一番後ろまでスクロールしている場合でのみ同期が走るようにする？

テーマ、アクセシビリティの細かい設定、フォントサイズなどクライアント側の設定はローカルストレージに保存して管理したい。
そのためにどういう構造でデータをやり取りするのが綺麗か。

概要

• データフェッチングライブラリとしてSWRを導入したい。
• データのキャッシュや状態管理を簡潔に扱えるようにしたい。

要点

• 実装はどのようになるのか。
• React Queryとの比較はどうなのか。

参考

• https://swr.vercel.app/ja
• https://zenn.dev/yukikoma/articles/17adad7fedd5af
• https://zenn.dev/terrierscript/articles/2020-07-28-swr-react-query