React における Global state の管理法を比較してみた - コドモン Product Team Blog

プロダクト開発部の渡邊です。 私が所属するチームでは、React を使ったマイクロサービスの開発を行っています。 Global state については、Zustand というライブラリを使って管理しています。 私は数か月前に他のチームから異動してきたのですが、それまで Zustand を使ったことがなかったので 理解を深めるためにその他の手法との比較をしてみました。 本記事では React の Global state の管理手法について、3通りの手法を比較しながら紹介します。 ※サンプルコードを載せていますが、可読性を考慮して一部のコードを省略しています。 React の状態管理の基本と重要性 Context API Redux Zustand まとめ React の状態管理の基本と重要性 React の状態管理は、アプリケーションの動的なデータ（状態）を追跡し、ユーザーの操作に応じて