Understanding Redux: A tutorial with examples

This page summarizes the projects mentioned and recommended in the original post on dev.to

CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai
featured
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  1. ts-react-redux

    To explain these components, we’ll implement a simple React component and manage its state using Redux. For simplicity, I’ll cover all the code in the article in JavaScript, however, the main branch of this project on GitHub covers everything in TypeScript as well. For JavaScript-only code, see the JavaScript branch.

  2. CodeRabbit

    CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

    CodeRabbit logo
  3. redux-thunk

    Thunk middleware for Redux

    Redux Thunk is the simplest and most commonly used middleware for handling asynchronous logic. It’s super easy to understand and implement, great for making simple API calls and async logic, and requires no additional learning curve if you are familiar with asynchronous JavaScript:

  4. redux-saga

    An alternative side effect model for Redux apps

    Redux Saga uses generator functions to manage side effects in Redux. The code below illustrates the use of yield put, which basically acts as the Saga effect creator used to dispatch actions to the Redux store:

  5. redux-observable

    RxJS middleware for action side effects in Redux using "Epics"

    Redux Observables use RxJS to create streams of actions that can be processed, transformed, and dispatched to the store:

  6. redux-toolkit

    The official, opinionated, batteries-included toolset for efficient Redux development

    To cut down the boilerplate, Redux provides a handy extension, popularly known as the Redux Toolkit, which is recommended for use in a React-Redux setup. We’ll cover the advantages of RTK and its utilities as we discuss the core concepts of Redux.

  7. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Redux-Saga – An intuitive Redux side effect manager

    1 project | news.ycombinator.com | 28 Dec 2024
  • Generators in the wild

    3 projects | dev.to | 6 Aug 2023
  • [AskJS] Where will I need to write generator functions?

    4 projects | /r/javascript | 17 Sep 2022
  • How to handle form state with Formik and Redux-Saga

    2 projects | /r/codehunter | 26 Apr 2022
  • Functional core / Imperative shell arch example

    2 projects | /r/Clojure | 1 Apr 2022

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?