SPAの状態管理のパターンとパターン分けの考え方についてまとめたいと思います。 SPAの状態管理のパターンとパターン分けの課題 フロントエンドで持つ「状態」には様々なものがあります。 認証情報 検索クエリ APIをコールして取得するサーバサイドで管理されている永続データ フォームの入力情報 などなど。。。 ユーザビリティを考えると様々な種類のデータをフロントエンドで管理する必要が出てきます。 それぞれのデータを一つ一つ見たときにどのように管理すれば良いかという知見は開発をしていく中で感覚的に貯まっていくものだと思います。 例えば認証情報であれば、 「ログインAPIをコールして返却されたセッションIDなどの認証キーをcookieで管理する」 だったり。 例えば検索クエリだったら、 「検索結果をブックマークしたい、または、人に共有したいなどのニーズがあるからURLのクエリストリングで管理する」