What Is Redux Toolkit and Why It Replaced Classic Redux
Redux Toolkit is the modern way to use Redux. Here is what it is, why it replaced classic Redux, and when to use it.
What Is Redux Toolkit and Why It Replaced Classic Redux
Redux Toolkit, or RTK, is the modern, official way to use Redux. Here is what it is and why it replaced classic Redux.
What Redux Toolkit Is
Redux Toolkit is the official, recommended way to write Redux. It provides utilities like createSlice and createAsyncThunk that remove the boilerplate classic Redux was infamous for.
Why Classic Redux Was Painful
Classic Redux required separate files for actions, action types, and reducers, plus a lot of boilerplate to wire them up. A simple counter needed multiple files and dozens of lines. It was powerful but verbose.
How RTK Reduces Boilerplate
createSlice lets you define state, reducers, and action creators in one place. It auto-generates action types and creators for you, so a counter becomes a few lines in one file.
Async Made Easier
createAsyncThunk handles async logic like data fetching, generating pending, fulfilled, and rejected actions automatically. This replaces the complex middleware setup of classic Redux.
Configuration Made Easier
configureStore sets up the store with sensible defaults, including the Redux DevTools extension and middleware. You no longer hand-wire all of that.
The Default Now
RTK is the official recommendation. The Redux team considers classic Redux legacy for new projects. If you learn Redux today, you learn RTK.
The Takeaway
Redux Toolkit is the official, modern Redux that removes classic Redux's boilerplate with createSlice, createAsyncThunk, and configureStore. It is the default way to use Redux today.
Redux Toolkit is the official, recommended way to write Redux. It provides utilities like createSlice and createAsyncThunk that remove the boilerplate classic Redux was infamous for, letting you define state and reducers in one place.
Because classic Redux required separate files for actions, types, and reducers, plus lots of boilerplate. RTK's createSlice auto-generates action types and creators, so a simple feature becomes a few lines in one file instead of dozens across many.
It lets you define state, reducers, and action creators in one place. It auto-generates action types and action creators for you, removing the need to write them separately as in classic Redux.
With createAsyncThunk, which handles async logic like data fetching and automatically generates pending, fulfilled, and rejected actions. This replaces the complex middleware setup of classic Redux.
Yes. The Redux team considers RTK the official recommendation, and classic Redux legacy for new projects. If you learn Redux today, you learn Redux Toolkit.
Ready to master React completely?
Want to upskill yourself, crack your next interview, and get your dream job? Join our comprehensive course to dive deeper with high-quality video tutorials, solve interview questions, and a premium community.
Master React
Want to upskill yourself, crack your next interview, and get your dream job? Join our comprehensive course.