Need advice about which tool to choose?Ask the StackShare community!

React Redux

997
889
+ 1
0
Redux

30.8K
23.4K
+ 1
674
Add tool

React Redux vs Redux: What are the differences?

What is React Redux? React bindings for Redux. It is the official React binding for Redux. It lets your React components read data from a Redux store, and dispatch actions to the store to update data. It is designed to work with React's component model. You define how to extract the values your component needs from Redux, and your component receives them as props.

What is Redux? Predictable state container for JavaScript apps. It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. t provides a great experience, such as live code editing combined with a time traveling debugger.

React Redux belongs to "Javascript Utilities & Libraries" category of the tech stack, while Redux can be primarily classified under "State Management Library".

Some of the features offered by React Redux are:

  • Designed to work with React's component model
  • manage the store interaction logic for you
  • complex performance optimizations

On the other hand, Redux provides the following key features:

  • Predictable state
  • Easy testing
  • Works with other view layers besides React

React Redux and Redux are both open source tools. It seems that Redux with 50K GitHub stars and 13K forks on GitHub has more adoption than React Redux with 17.7K GitHub stars and 2.62K GitHub forks.

Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of React Redux
Pros of Redux
    Be the first to leave a pro
    • 191
      State is predictable
    • 150
      Plays well with React and others
    • 126
      State stored in a single object tree
    • 79
      Hot reloading out of the box
    • 74
      Allows for time travel
    • 14
      You can log everything
    • 12
      Great tutorial direct from the creator
    • 7
      Endorsed by the creator of Flux
    • 7
      Test without browser
    • 6
      Easy to debug
    • 3
      Enforces one-way data flow
    • 3
      Granular updates
    • 2
      Blabla

    Sign up to add or upvote prosMake informed product decisions

    Cons of React Redux
    Cons of Redux
      Be the first to leave a con
      • 13
        Lots of boilerplate
      • 6
        Verbose
      • 5
        Steep learning curve
      • 5
        Design
      • 4
        Steeper learning curve than RxJs
      • 4
        Steeper learning curve than MobX

      Sign up to add or upvote consMake informed product decisions

      What is React Redux?

      It is the official React binding for Redux. It lets your React components read data from a Redux store, and dispatch actions to the store to update data. It is designed to work with React's component model. You define how to extract the values your component needs from Redux, and your component receives them as props.

      What is Redux?

      It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. t provides a great experience, such as live code editing combined with a time traveling debugger.

      Need advice about which tool to choose?Ask the StackShare community!

      Jobs that mention React Redux and Redux as a desired skillset
      What companies use React Redux?
      What companies use Redux?
      Manage your open source components, licenses, and vulnerabilities
      Learn More

      Sign up to get full access to all the companiesMake informed product decisions

      What tools integrate with React Redux?
      What tools integrate with Redux?

      Sign up to get full access to all the tool integrationsMake informed product decisions

      Blog Posts

      JavaScriptGitHubReact+12
      5
      4238
      Oct 11 2019 at 2:36PM

      LogRocket

      JavaScriptReactAngularJS+8
      5
      2039
      JavaScriptGitHubNode.js+29
      14
      13717
      GitHubPythonReact+42
      49
      41064
      GitHubPythonNode.js+47
      55
      73001
      What are some alternatives to React Redux and Redux?
      React
      Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
      React Native
      React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript and React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere. Facebook uses React Native in multiple production apps and will continue investing in React Native.
      Angular
      It is a TypeScript-based open-source web application framework. It is a development platform for building mobile and desktop web applications.
      Flux
      Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow. It's more of a pattern rather than a formal framework, and you can start using Flux immediately without a lot of new code.
      MobX
      MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP). React and MobX together are a powerful combination. React renders the application state by providing mechanisms to translate it into a tree of renderable components. MobX provides the mechanism to store and update the application state that React then uses.
      See all alternatives