Skip to content

React Redux

Official React bindings that connect Redux state management to React components.

Stars
23.4k
Forks
3.3k
Licence
MIT
Language
TypeScript
Last update
9 days ago
Type
Library

What it is

React Redux is the official library that connects the Redux state store to React user interfaces. It lets React components read data from a central store and dispatch changes to it. The README describes it as performant and flexible, and links to docs and background articles on how it works.

  • Read values from a Redux store inside React components
  • Dispatch actions from UI events such as button clicks
  • Share state between distant components without passing props through every level

Great for

  • React developers whose apps need shared state across many components
  • Teams already using Redux who want the officially supported React connection
  • Developers starting a new Vite or Next.js app who want Redux configured from the start

Not ideal for

  • Small React apps with little shared state, where Redux adds more setup than it saves
  • Projects not using React (the README covers React bindings only)
  • Developers who need a browser-only drop-in with no npm or bundler, since the README says the UMD build is not recommended for serious applications
Step-by-step guide: how to use React ReduxInstall, first run, examples, tips and FAQs

How to get it

  1. 1

    Install with a package manager

    You'll need: React 18 or later · Redux installed in the project · npm or Yarn

    Install with npm

    npm install react-redux

    Install with Yarn

    yarn add react-redux
  2. 2

    Run it

    • Create or open a React project that uses a bundler such as Webpack or Vite
    • Install Redux and set up a store as described in the Redux docs
    • Install react-redux with npm or Yarn
    • Wrap your app with the Provider component and connect components to the store, following the docs at react-redux.js.org
  3. 3

    Get the most out of it

    • Start from the official Vite Redux+TS template, which already has Redux Toolkit and React Redux configured
    • Use the Next.js with-redux template if you are building a Next.js app
    • Read the history and implementation blog post linked in the README to understand how updates are handled
    • Check the full documentation at react-redux.js.org for hooks and API details

Downloads

Strengths

  • Official project maintained alongside Redux itself
  • MIT licensed and available on npm
  • README points to templates and documentation for quick setup

Trade-offs

  • Requires React 18 or later for version 9.x, per the README
  • Requires separately installing Redux and setting up a store
  • The README is truncated, so details of the API are only available on the external docs site

How it compares

ProjectStarsTypeLevelUpdatedBest for
react-redux (this)23.4kLibraryintermediate9 days agoReact developers whose apps need shared state across many components
zustand58.9kLibrarybeginner15 days agoReact developers who want simpler shared state than Redux
jotai21.3kLibrarybeginner14 days agoReact developers who want simple shared state without heavy setup
Recoil19.4kLibraryintermediate1.8 years agoReact developers who want shared state beyond simple prop passing
mobx28.2kLibraryintermediate5 days agoFrontend developers building React apps with complex or frequently changing state
redux61.4kLibraryintermediate16 days agoDevelopers building larger front-end apps where many components share the same data

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.