ブラウザストレージの状態管理をzustandで行うと簡単かつ高機能で便利

こんにちは。株式会社 Sally エンジニアの @piesukeです。 私たちは、マーダーミステリーを遊べることが出来るアプリ「ウズ」と、マーダーミステリーを制作してウズ上で遊べることが出来るアプリ「ウズスタジオ」を開発しています。 私が最近やって面白かったマーダーミステリーは プライト・フライト です。 弊社は状態管理ライブラリに zustand を使用しています。今回は zustand を使ってブラウザストレージへの状態の永続化を簡単かつ高機能に実現する方法を解説します。 zustand とは Zustand は、React のためのシンプルで高速な状態管理ライブラリです。「状態」を意味するドイツ語から名付けられました。なぜドイツ語なのかは分かりませんがとてもセンスが良いですね。Redux のような複雑なボイラープレートを必要とせず、React のフックをベースにした直感的な API

[sh19910711]

"Zustand: React のためのシンプルで高速な状態管理ライブラリ + 「状態」を意味するドイツ語から名付け / React のフックをベースにした直感的な API でグローバルな状態を管理できる"