React: Redux Toolkit
2026-02-21 02:48 Diff
https://hexlet.io/courses/js-redux-toolkit/lessons/intro/theory_unit

The developers of Redux decided to make it as compact and flexible as possible in terms of expansion. Redux has a rich ecosystem with many add-ons for all occasions. But everything has its price, Redux itself does not connect with React in any way, and if you want it to be easy to integrate, you need to learn another library called Redux Toolkit.

Redux Toolkit not only glues everything together but even changes our workflow beyond recognition. It introduces many useful abstractions and includes commonly used middleware such as batteries. The overall idea of the library is to make storage, extraction, and use of data as convenient as possible by removing the boilerplate code, a typical feature for applications on Redux.

Redux Toolkit introduces many new concepts that are hard to consider in isolation without seeing the whole picture. So first, we'll look at an example with everything in one place without diving in, and then, in the following lessons, we'll take apart each element piece by piece.

Classes, Functions, Hooks, Redux, Toolkit

All this begs the question, why? First, we study React in classes. Later we find out that there are functional components, so we encourage to use hooks. Then, Redux is attached to this side. Finally, we replace it with a set of tools, and it is the final point in this journey. React evolved like this, first one thing, then another, then another, and now we have the Redux Toolkit.

You should know all steps because the toolkit has Redux under the hood, and we learn it. But classes will remain forever because hooks do not replace them. In the end, what we have is what we have.

Preparation

This course is about Redux Toolkit. How Redux works is explained in another course.