状態管理ライブラリ Zustand の紹介と導入【React】

React/ Next.js 開発において、重要なテーマの１つに、状態管理が挙げられます。 useStateフックを使用したベーシックなケースから、 状態管理ライブラリを導入するまで、さまざまなプラクティスが存在します。 先日、React の勉強会で、 状態管理ライブラリ Zustand について取り上げたので、基礎的な内容をまとめました！ 時間の節約になれば、嬉しいです 🙌 Zustand とは？ Zustand は、React アプリケーションのための、軽量な状態管理ライブラリです。 シンプルなフックを作成し、簡単に使い始めることができます。 当記事執筆時点（2024/10/25）で、 グローバルな状態管理ライブラリの中では、Redux に次いで Zustand は人気です。 グローバルな状態管理の必要性は？ そもそも、なぜ、Zustand のようなライブラリで、 グローバルな状態管