Redux (JavaScript library)
Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular for building user interfaces. Similar to (and inspired by) Facebook's Flux architecture, it was created by Dan Abramov and Andrew Clark.
Original author(s) | Dan Abramov and Andrew Clark |
---|---|
Initial release | June 2, 2015[1] |
Stable release | 4.0.5
/ December 23, 2019[2] |
Repository | |
Written in | JavaScript |
Platform | Cross-platform software |
Type | JavaScript library |
License | MIT License |
Website | redux |
Description
Redux is a small library with a simple, limited API designed to be a predictable container for application state. It operates in a similar fashion to a reducing function, a functional programming concept.
It is influenced by the functional programming language Elm.[3]
History
Redux was created by Dan Abramov and Andrew Clark in 2015.[4] Abramov began writing the first Redux implementation while preparing for a conference talk[5] at React Europe[6] on hot reloading. Abramov remarks, "I was trying to make a proof of concept of Flux where I could change the logic. And it would let me time travel. And it would let me reapply the future actions on the code change."[7]
Abramov was struck by the similarity of the Flux pattern with a reducing function. "I was thinking about Flux as a reduce operation over time... your stores, they accumulate state in response to these actions. I was thinking of taking this further. What if your Flux store was not a store but a reducer function?"[4]
Abramov reached out to Andrew Clark (author of the Flux implementation Flummox) as a collaborator. Among other things, he credits Clark with making the Redux ecosystem of tools possible, helping to come up with a coherent API, implementing extension points such as middleware and store enhancers.[4]
In February 2019, useReducer was introduced as a React hook in the 16.8 release. It provides an API that is consistent with Redux, enabling developers to create Redux-like stores that are local to component states.[8]
References
- Initial release tag
- "Releases – ReactJS/Redux". GitHub.
- "An Introduction To Redux". Smashing Magazine.
- Abramov, Dan. "The History of React and Flux with Dan Abramov". Three Devs and a Maybe. Retrieved 7 April 2018.
- "Dan Abramov - Live React: Hot Reloading with Time Travel at react-europe 2015". Youtube.
- "ReactEurope 2015 - Live React: Hot Reloading with Time Travel". ReactEurope.
- Abramov, Dan. "Progression, Curiosity, and Burnout with Dan Abramov". TylerMcGinnis.com. Retrieved 7 April 2018.
- React v16.8: The One with Hooks