redux-toolkit
redux-thunk


redux-toolkit | redux-thunk | |
---|---|---|
304 | 35 | |
10,848 | 17,766 | |
0.5% | -0.0% | |
9.7 | 5.1 | |
6 days ago | about 1 month ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
redux-toolkit
-
What is Redux Toolkit: When and How to use it Effectively?
Redux is a predictable state management tool for JavaScript apps. A state is something that keeps the app running for example when you are asked to select gender in a website, the state is either male or female.
-
Why Zustand suceed in the React state management war?
I said the wrong shape, because I think that, if redux-toolkit was the version people used a lot in the past, their views on redux would be different today. Being more positive, than it is.
-
Getting Started with Redux and Redux Toolkit
So you can imagine how much more we'd need to write to introduce reducers and actions in a real-world application. This is where Redux ToolKit comes in very handy.
-
Simplifying State Management with Redux Toolkit: A Complete Guide
Redux Toolkit Documentation
-
A mid-career retrospective of stores for state management
Redux is rather overkill in today's front end ecosystem if you're building an MVP, and as of late more have been using redux-toolkit or useReducer to update slices of state.4
-
React 19 Finally Stable, New Rust-Based JavaScript Framework, New Developer Tools, and more
React 19 Async Features Boa v0.20 Rust-Powered Engine Safari 18.2 Developer Updates Redux Toolkit 2.5 Termo Civet Rockpack
-
Building a Scalable URL Shortener with Node.js (Part 2/2)
RTK Query: A data-fetching and state management tool for making API requests to our backend.
-
Understanding Redux: A tutorial with examples
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.
-
Redux Toolkit vs. Plain Redux: How Immer Transforms State Management
Redux Toolkit (RTK) is an abstraction built on top of Redux that simplifies its usage by reducing boilerplate and making common tasks easier. RTK provides convenient functions like createSlice for generating actions and reducers in one go, and createAsyncThunk for handling asynchronous logic (like API calls). It offers tools to manage state efficiently without having to manually set up actions, reducers, and middleware, streamlining the setup process for new Redux projects.
-
QuickTip: Writing Shared (common) reducer actions in redux-toolkit
The modern way to write redux is through redux-toolkit as recommended by redux maintainers.
redux-thunk
-
Understanding Redux: A tutorial with examples
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:
-
Redux vs. Context.Provider: Choosing State Management in React Applications
Handling Asynchronous Logic: If your application involves complex asynchronous logic (e.g., API calls, side effects), Redux middleware like redux-thunk or redux-saga provides a robust way to handle these scenarios.
- Redux Toolkit 2.0: new features, faster perf, smaller bundle sizes (plus major versions for all Redux family packages!)
-
Redux Toolkit 2.0: new features, faster perf, smaller bundle sizes, and more
- Throws better errors in an RSC environment
- https://github.com/reduxjs/react-redux/releases/tag/v9.0.0
## Reselect 5.0:
- Switches to a new `weakMapMemoize` memoizer as default
- Renames `defaultMemoize` to `lruMemoize`
- Allows passing memoizer options direct to `createSelector`
- Many TS improvements
- https://github.com/reduxjs/reselect/releases/tag/v5.0.1
## Redux Thunk 3.0:
- Drops the default export and switches to named exports ( `{thunk, withExtraArgument}` )
- https://github.com/reduxjs/redux-thunk/releases/tag/v3.1.0
This has been a _huge_ year-long development effort!
We're thrilled to get these improvements out. The tooling and bundle improvements will help all users, and we think the features and TS changes will improve the Redux dev experience significantly.
Thank you SO MUCH to everyone who has contributed or helped test out the work!
Please file bug reports for the inevitable issues that pop up post-release!
but now I'm going off on a conf trip and going to take a very well-earned break from Redux work for December :)
-
20 Essential Parts Of Any Large Scale React App
redux-thunk : For asynchronous operations
-
Use Redux to Manage Authenticated State in a React App
Use async logic with Redux "thunk" middleware for handling things like login, data fetching, and handling loading state.
-
Recap of the state management history in React
Since it was a relatively low level tool, just like React, that gave a lot of freedom to the user to find different ways to make it work for them. In particular when it came to async operations Redux itself gave no official solution. The most popular options are redux-thunk, redux-observable, and redux-saga. There were probably a dozen more options out there.
- Redux explicado de manera simple y sucinta para los desarrolladores de React
-
The React roadmap for beginners you never knew you needed.
Redux Thunk
- Reselect 4.1: new cache size and result equality check options, direct selector customization, improved TS types, and more!
What are some alternatives?
redux-saga - An alternative side effect model for Redux apps
zustand - 🐻 Bear necessities for state management in React
jotai - 👻 Primitive and flexible state management for React
SWR - React Hooks for Data Fetching
react-query - 🤖 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]
Front-end-Developer-Interview-Questions - A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.
react-clean-architecture - A realistic approach to implement clean architecture on react codebases
react-redux-firebase - Redux bindings for Firebase. Includes React Hooks and Higher Order Components.
axios - Promise based HTTP client for the browser and node.js

