How to get better and easier state management with Redux Toolkit

• redux-pokemon-tcg-shop

  2 6 2.0 TypeScript

  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

  2 9 1.1 JavaScript

  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

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• TypeScript

  1,302 97,832 9.9 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

  190 27,869 9.1 TypeScript, JS

  Discontinued 🤖 Powerful asynchronous state management, server-state utilities and data fetching for TS/JS, React, Solid, Svelte and Vue. [Moved to: https://github.com/TanStack/query]

  

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

  287 10,382 9.9 TypeScript

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

  

Redux Toolkit

• zustand

  247 42,308 8.9 TypeScript

  🐻 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

  2,037 120,313 10.0 JavaScript

  The React Framework

  

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

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• MobX

  44 27,176 8.0 TypeScript

  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

  141 26,898 7.2 JavaScript

  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

  81 19,436 4.7 JavaScript

  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

  344 36,514 9.0 MDX

  ⚡️ 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.

Suggest a related project