Need advice about which tool to choose?Ask the StackShare community!
Redux vs vuex: What are the differences?
Redux: Predictable state container for JavaScript apps. Redux helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger; vuex: Centralized State Management for Vue.js. Vuex is a state management pattern + library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion. It also integrates with Vue's official devtools extension to provide advanced features such as zero-config time-travel debugging and state snapshot export / import.
Redux and vuex can be primarily classified as "State Management Library" tools.
Redux and vuex are both open source tools. It seems that Redux with 49.2K GitHub stars and 12.7K forks on GitHub has more adoption than vuex with 20.7K GitHub stars and 6.67K GitHub forks.
Zapier, Clever, and WebbyLab are some of the popular companies that use Redux, whereas vuex is used by Flat, Cromon Media Services, and Toucan Toco. Redux has a broader approval, being mentioned in 1021 company stacks & 803 developers stacks; compared to vuex, which is listed in 48 company stacks and 71 developer stacks.
Pros of Redux
- State is predictable190
- Plays well with React and others149
- State stored in a single object tree125
- Hot reloading out of the box78
- Allows for time travel72
- You can log everything14
- Great tutorial direct from the creator11
- Test without browser6
- Endorsed by the creator of Flux6
- Easy to debug5
- Enforces one-way data flow2
- Granular updates2
- Blabla1
Pros of vuex
- Debugging2
- Zero-config time-travel2
- Centralized State Management2
- Easy to setup1
Sign up to add or upvote prosMake informed product decisions
Cons of Redux
- Lots of boilerplate11
- Verbose6
- Design5
- Steeper learning curve than RxJs4
- Steeper learning curve than MobX4
- Steep learning curve4