Redux est une bibliothèque JavaScript populaire pour gérer l’état de l’application. L’une des fonctionnalités puissantes de Redux est la capacité d’annuler et de refaire des actions. Cela peut être particulièrement utile dans des applications complexes où les utilisateurs pourraient vouloir revenir à un état précédent de l’application, ou annuler une action qu’ils ont effectuée.
Pour comprendre comme fonctionne cette fonctionnalité, il est crucial de comprendre comment Redux gère l’état de l’application. En bref, Redux maintient un ‘store’ qui est un grand objet JavaScript qui contient l’état actuel de l’application. Chaque fois qu’une action est déclenchée dans l’application, un nouveau ‘state’ est créé en fonction de l’action déclenchée.
Dans le contexte de l’annulation et du refaire, Redux enregistre essentiellement une liste des états précédents de l’application. Lorsqu’une action est annulée, Redux revient simplement à l’état enregistré précédent dans la liste.
De même, si un utilisateur veut refaire une action (après l’avoir annulée), Redux a également enregistré une liste des états qui ont été ‘annulés’. Il suffit donc d’aller à l’état suivant dans cette liste “annulée”.
Il existe plusieurs bibliothèques qui aident à implémenter cette fonctionnalité en Redux, comme `redux-undo` et `redux-optmistic-ui`.
Il est à noter que toute cette fonctionnalité repose sur l’idée de l’immutabilité, c’est-à-dire que lorsqu’un nouvel état est créé, l’ancien état n’est pas modifié. Au lieu de cela, une copie est faite et les modifications sont appliquées à cette copie. C’est cette propriété qui rend possible la capacité d’annuler et de refaire des actions dans Redux.
