参考

【Supabase入門】Todoアプリを作りながらSupabaseをNext.jsとTypescriptで学んでみよう

ZennはNotionと違ってMarkdownのリアルタイムプレビューできないのか。

モチベーション

現在個人開発中のマンダラートアプリでデータを永続化させたい

rafce と打つとconstとアロー関数で宣言した関数コンポーネントの雛形を一瞬で作成してく。しかも、ファイル名がそのままコンポーネント名になります。

リアルタイムリスナーを使わない場合、Todoの追加、削除、更新を行うたびに、DBの全データをfetchしてくることになってしまう。

追加、削除、チェック時についてはリアルタイムリスナーを利用した更新ができるようになったが、Google Keep のようにタイトルをリアルタイム反映させることが難しい。ちょっと調べてみた感じだと、デバウンスというものをすれば良さそうか？

useDeferredValue で良さそう。ただ、テキストのinputに使うとupdateの呼び出し回数がめっちゃ多かったので、デバウンスはやっといたほうがいいのか？