現在のStudy Trackerアプリでは、ブラウザを更新するとタスクデータが消えてしまう問題があった。
この問題を解決するため、Reactの useEffect を用いて
タスクデータを LocalStorageに保存する機能 を実装した。
これにより、ブラウザをリロードしてもタスクデータが保持されるようになった。
useEffectとは
特定のタイミングで処理を実行するReactの機能
である。
Reactでは通常、コンポーネントは
画面表示
を担当する。
しかし実際のアプリでは
データ取得
保存
API通信
LocalStorage操作
などの処理も必要になる。
そのような処理を行うために使うのが useEffect である。