Repolode
reduxjs

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. 1

    npm で Redux コアライブラリをインストールします

    npm install redux
  2. 2

    React アプリでは Redux Toolkit と React-Redux をインストールします(推奨)

    npm install @reduxjs/toolkit react-redux
  3. 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 の数値は毎日更新されます。

関連プロジェクト