Provider不要の、React向け小型フックベースの状態管理ライブラリ。
reduxjs/redux
Reactなどのビューライブラリと併用できる、予測可能で保守しやすいグローバル状態管理のためのJavaScriptライブラリ。
- スター
- 61,448
- フォーク
- 15,093
- 未解決の Issue
- 15
- 最終コミット
- 昨日
これは何?
Reduxは、アプリケーション全体の状態を予測可能な方法で管理するJavaScriptライブラリです。すべての状態を単一のstoreに集約し、純粋なreducer関数が処理するactionをdispatchすることでのみ状態を変更します。これにより、クライアント、サーバー、React Nativeの各環境で一貫したアプリケーションの動作を実現でき、状態変更のテストや追跡も容易になります。
コアライブラリは依存関係を含めても約2 kBと小さく、react-reduxのバインディングを介してReactと連携できるほか、ほかのビュー層でも利用できます。アドオンのエコシステムで機能を拡張でき、Redux DevToolsによるタイムトラベルデバッガーも提供されています。
Redux Toolkitは、Reduxのロジックを記述する際に公式に推奨されている方法です。createSliceやconfigureStoreなどのユーティリティでコアを拡張し、Immerを使ってreducerを直接ミューテーションする形で記述できるようにすることで、定型コードやよくあるミスを減らします。
主な機能
- 01単一のstoreを使い、dispatchされたactionと純粋なreducerによって状態を変更
- 02react-reduxを介してReactと連携できるほか、ほかのビューライブラリでも利用可能
- 03依存関係を含めて約2 kBのコアライブラリ
- 04Redux DevToolsによるタイムトラベルデバッグ
- 05Redux ToolkitがcreateSliceやconfigureStoreなどのユーティリティを提供
ユースケース
- 多くのReactコンポーネント間で共有するアプリケーション状態の管理
- クライアント、サーバー、React Nativeで一貫した状態ロジックが必要なアプリの構築
- 単体テストや追跡が容易な状態レイヤーの作成
クイックスタート
- 1
npm で Redux コアライブラリをインストールします
npm install redux - 2
React アプリでは Redux Toolkit と React-Redux をインストールします(推奨)
npm install @reduxjs/toolkit react-redux - 3
または、公式の Redux+TS テンプレートを使って新しい Vite プロジェクトを作成します
npx tiged reduxjs/redux-templates/packages/vite-template-redux my-app
トピック
よくある質問
- redux とは?
- Reactなどのビューライブラリと併用できる、予測可能で保守しやすいグローバル状態管理のためのJavaScriptライブラリ。 Reduxは、アプリケーション全体の状態を予測可能な方法で管理するJavaScriptライブラリです。すべての状態を単一のstoreに集約し、純粋なreducer関数が処理するactionをdispatchすることでのみ状態を変更します。これにより、クライアント、サーバー、React Nativeの各環境で一貫したアプリケーションの動作を実現でき、状態変更のテストや追跡も容易になります。
- redux は無料で使えますか?ライセンスは?
- redux は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- redux は今もメンテナンスされていますか?
- 活発にメンテナンス中。redux の最終コミットは 2026年10月20日 です。
- redux は何に使えますか?
- 多くのReactコンポーネント間で共有するアプリケーション状態の管理 クライアント、サーバー、React Nativeで一貫した状態ロジックが必要なアプリの構築 単体テストや追跡が容易な状態レイヤーの作成
- redux のインストール方法は?
- npm で Redux コアライブラリをインストールします: npm install redux React アプリでは Redux Toolkit と React-Redux をインストールします(推奨): npm install @reduxjs/toolkit react-redux または、公式の Redux+TS テンプレートを使って新しい Vite プロジェクトを作成します: npx tiged reduxjs/redux-templates/packages/vite-template-redux my-app
- redux はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/reduxjs/redux
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
ReduxストアをhooksやProviderでReactコンポーネントに接続する、Redux公式のReactバインディングです。
現在の状態のドラフトを変更するだけで、不変な状態更新を書けるJavaScriptライブラリです。
ReduxなどのプレーンなJavaScriptのstateからデータを導出する、メモ化セレクター関数を作成するTypeScriptライブラリです。
React、Router、Redux、テスト、React Nativeを扱う、回答付きのReactJS面接質問集。
Rustベースのツールでビルドを高速化する、フルスタックWebアプリケーション構築向けのReactフレームワーク。