Redux (JavaScript library) explained

Redux
Author:Dan Abramov and Andrew Clark
Released:[1]
Latest Release Version:5.0.1
Latest Release Date:[2]
Programming Language:TypeScript
Platform:Cross-platform software
Genre:JavaScript library
License:MIT License

Redux is an open-source JavaScript library for managing and centralizing 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.Since mid-2016, the primary maintainers are Mark Erikson and Tim Dorr.

Description

Redux is a small library with a simple, limited API designed to be a predictable container for application state. It operates in a fashion similar to a reducing function, a functional programming concept.

History

Redux was created by Dan Abramov and Andrew Clark in 2015.[3] Abramov began writing the first Redux implementation while preparing for a conference talk[4] at React Europe[5] 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."[6]

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?"

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.

By mid 2016, Abramov had joined the React team and passed the primary maintainership on to Mark Erikson and Tim Dorr.[7]

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]

See also

Notes and References

  1. https://github.com/reduxjs/redux/releases/tag/v0.2.0 Initial release tag
  2. Web site: Releases – ReactJS/Redux . GitHub.
  3. Web site: Abramov. Dan. The History of React and Flux with Dan Abramov. Three Devs and a Maybe. 7 April 2018.
  4. Web site: Youtube . Dan Abramov - Live React: Hot Reloading with Time Travel at react-europe 2015 .
  5. Web site: ReactEurope . ReactEurope 2015 - Live React: Hot Reloading with Time Travel .
  6. Web site: Abramov. Dan. Progression, Curiosity, and Burnout with Dan Abramov. TylerMcGinnis.com. 7 April 2018.
  7. https://blog.isquaredsoftware.com/2018/11/react-redux-history-implementation/#v5-x Idiomatic Redux: The History and Implementation of React-Redux
  8. https://reactjs.org/blog/2019/02/06/react-v16.8.0.html#react-1 React v16.8: The One with Hooks