reduxjs/react-redux

これは何？

主な機能

• 01Reactアプリ全体でReduxストアを利用可能にするProviderコンポーネント
• 02関数コンポーネント向けのuseSelectorやuseDispatchなどのhooks
• 03クラスコンポーネントや既存コード向けのconnect高階コンポーネント
• 04選択したデータが変わったときにのみコンポーネントを再レンダリング
• 05TypeScriptで実装され、MITライセンスで提供

ユースケース

• React 18以降のアプリケーションにReduxによるグローバルな状態管理を追加する
• Reactコンポーネントから共有アプリケーション状態を読み取り、更新する
• connectを使う既存のクラスベースReactコードを保守する

クイックスタート

1. 1

   公式のRedux+TSテンプレートを使って新しいViteアプリを作成する

   npx tiged reduxjs/redux-templates/packages/vite-template-redux my-app
2. 2

   既存のReactアプリにnpmでReact Reduxをインストールする

   npm install react-redux

使う前に知っておきたいこと

• !React Redux 9.0にはReact 18以降が必要です。

トピック

よくある質問

react-redux とは？

ReduxストアをhooksやProviderでReactコンポーネントに接続する、Redux公式のReactバインディングです。 React Reduxは、ReduxストアをReactコンポーネントに接続するための公式ライブラリです。コンポーネントからReduxストアの状態を読み取ったり、アクションをdispatchしたりできます。使用するデータが変わったときにのみコンポーネントが再レンダリングされるよう、更新を処理します。

react-redux は無料で使えますか？ライセンスは？

react-redux は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

react-redux は今もメンテナンスされていますか？

活発にメンテナンス中。react-redux の最終コミットは 2026年10月21日 です。

react-redux は何に使えますか？

React 18以降のアプリケーションにReduxによるグローバルな状態管理を追加する Reactコンポーネントから共有アプリケーション状態を読み取り、更新する connectを使う既存のクラスベースReactコードを保守する

react-redux のインストール方法は？

公式のRedux+TSテンプレートを使って新しいViteアプリを作成する: npx tiged reduxjs/redux-templates/packages/vite-template-redux my-app 既存のReactアプリにnpmでReact Reduxをインストールする: npm install react-redux

react-redux はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/reduxjs/react-redux