Need advice about which tool to choose?Ask the StackShare community!
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.
Pros of React Redux
Pros of Redux
- State is predictable191
- Plays well with React and others150
- State stored in a single object tree126
- Hot reloading out of the box79
- Allows for time travel74
- You can log everything14
- Great tutorial direct from the creator12
- Endorsed by the creator of Flux7
- Test without browser7
- Easy to debug6
- Enforces one-way data flow3
- Granular updates3
- Blabla2
Sign up to add or upvote prosMake informed product decisions
Cons of React Redux
Cons of Redux
- Lots of boilerplate13
- Verbose6
- Steep learning curve5
- Design5
- Steeper learning curve than RxJs4
- Steeper learning curve than MobX4