How to get better and easier state management with Redux Toolkit

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

Our great sponsors
  • Scout APM - Less time debugging, more time building
  • SonarLint - Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
  • OPS - Build and Run Open Source Unikernels
  • redux-pokemon-tcg-shop

    Demo shop to show Redux Toolkit

    As always I provide a demo project that uses the things we will see here, feel free to try it and check out the source code.

  • nextjs-boilerplate

    A NextJS boilerplate with tailwindcss, eslint and prettier

    I don't have an article about Next.js yet but, you can start your journey with my Next.js boilerplate

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • TypeScript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    In addition to Redux the project is made with Next.js, TypeScript, ChakraUI and Pokemon TCG API.

  • react-query

    ⚛️ Hooks for fetching, caching and updating asynchronous data in React

    react-query came with a solid purpose, filling the gap that no other library was big and opinionated about, how to get asynchronous data. So this library wasn't here to replace any of the previous state managers, as those were there to handle client and server state, but react-query focused only on server state.

  • redux-toolkit

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

    Redux Toolkit

  • zustand

    🐻 Bear necessities for state management in React

    Outside there are more solutions for state management like Zustand, MobX and Recoil to name a few, so even if you have experience (or not) with those tools I would love to hear your feedback and experiences with state management!

  • Next.js

    The React Framework

    In addition to Redux the project is made with Next.js, TypeScript, ChakraUI and Pokemon TCG API.

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • MobX

    Simple, scalable state management.

    Outside there are more solutions for state management like Zustand, MobX and Recoil to name a few, so even if you have experience (or not) with those tools I would love to hear your feedback and experiences with state management!

  • Immer

    Create the next immutable state by mutating the current one

    And that's right, that's how you should write immutable code, but Redux Toolkit uses under the hood the library Immer which will handle the changes and take care of the immutability for you.

  • Recoil

    Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

    Outside there are more solutions for state management like Zustand, MobX and Recoil to name a few, so even if you have experience (or not) with those tools I would love to hear your feedback and experiences with state management!

  • chakra-ui

    ⚡️ Simple, Modular & Accessible UI Components for your React Applications

    In addition to Redux the project is made with Next.js, TypeScript, ChakraUI and Pokemon TCG API.

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