Thunks in Redux: The Basics – Fullstack Academy – Medium

Thunks in #Redux : The Basics – Fullstack Academy – Medium  #javascript  #reactjs

  • Thunks in Redux: The BasicsWhat Thunks Are, What They Solve, Other OptionsThis article was born as a gist for React Redux beginners, intended to demystify what thunks are and the motivation for using them.Redux was created by Dan Abramov for a talk.
  • It provides a predictable approach to managing state that benefits from immutability, keeps business logic contained, acts as the single source of truth, and has a very small API.The synchronous and pure flow of data through Redux’s components is well-defined with distinct, simple roles.
  • Notice how a thunk (the function returned from thunkedYell(…)) requires an extra invocation before the work is executed:Here the potential work involves a side effect (logging), but thunks can also wrap calculations that might be slow, or even unending.
  • In any case, other code can subsequently decide whether to actually run the thunk:Aside: LazinessLazy languages like Haskell treat function arguments as thunks automatically, allowing for “infinite” computed-on-demand lists and clever compiler optimizations.
  • Thunks in React  ReduxIn React / Redux, thunks enable us to avoid directly causing side effects in our actions, action creators, or components.

For React & Redux beginners, intended to demystify thunks and the motivation for using them.
Continue reading “Thunks in Redux: The Basics – Fullstack Academy – Medium”