【Next.js】状態管理ライブラリについて

Posted at 2024-08-15

Next.jsにおいての状態管理

Next.jsでの状態管理は大きくわけて２つ。
useStateを利用するローカルな状態管理とグローバルな状態管理。

useStateはコンポーネント単位で状態を管理してコンポーネントが破棄されると管理していたStateもすべてクリアされる。

一方でグローバルな状態管理はアプリ全体で状態を管理するためコンポーネントに依存しない。
ユーザーのログイン情報などアプリで共有したい情報を扱う時に使う。

グローバルな状態管理で有名なライブラリはRedux。
他にも下記のようなライブラリがある。