Wanneer React-toestand Niet Voldoende Is

In kleine componenten werkt de React-toestand goed. Gegevens worden binnen een component bewaard, bijgewerkt en alles blijft eenvoudig.

Problemen ontstaan wanneer dezelfde gegevens op meerdere plaatsen nodig zijn.

Gebruikersgegevens kunnen bijvoorbeeld worden gebruikt in de header, het dashboard en de instellingen. Op dat moment is de toestand niet langer lokaal. Je begint deze door meerdere componenten heen te geven, alleen om de plekken te bereiken die het nodig hebben.

Dit wordt al snel onhandig. Componenten die niets met de gegevens te maken hebben, moeten deze toch doorgeven. Updates worden moeilijker te beheren en de code wordt lastiger te volgen.

Het probleem ligt niet bij React zelf. Het probleem is dat de gegevens nu gedeeld worden door de hele applicatie, maar de structuur nog steeds lokaal is.

Dit is het moment waarop een gecentraliseerde oplossing zoals Redux Toolkit logisch wordt.