Despite the power of React, as your application grows, a number of inconveniences start to appear quite quickly. One of the most annoying is bringing the state to the top through callbacks that need to first be sent all the way down to the bottom. You have to send not only callbacks, but also any data. It turns out that many intermediate components act as a proxy, i.e., they pass unused data through themselves. Secondly, rendering and logic get mixed up in one place, quickly bloating components and making them hard to understand. This adds uncontrolled side effects mixed with data updates.
To solve these problems, state managers started to appear. One of them, Redux, became official, i.e., supported by Facebook itself. By itself, Redux is a very simple library designed purely for state management. Although it was designed to be used in React, it doesn't depend on it and can be used with anything. To connect it with React, you'll need the Redux Toolkit, which carries out the necessary integration.
In addition to solving the above problems, Redux and its ecosystem bring some useful extras:
In this course, we'll go through the main features of Redux and integrate many different libraries into the application we create. We won't be able to dig deep into them, since the volume of documentation for each library is like a whole book, but we'll always analyze the basic use cases.
Main topics:
The Hexlet support team or other students will answer you.
A professional subscription will give you full access to all Hexlet courses, projects and lifetime access to the theory of lessons learned. You can cancel your subscription at any time.
Programming courses for beginners and experienced developers. Start training for free
Our graduates work in companies:
From a novice to a developer. Get a job or your money back!
Sign up or sign in
Ask questions if you want to discuss a theory or an exercise. Hexlet Support Team and experienced community members can help find answers and solve a problem.