Use a reducer to implement a fully-typed state machine without breaking a sweat. As React developers, we’ve all had to work on a component where the state had become impossible to manage. By Guillaume Renard.
A finite-state machine (FSM) […] or simply a state machine, is a mathematical model of computation. It is an abstract machine that can be in exactly one of a finite number of states at any given time. The FSM can change from one state to another in response to some inputs; the change from one state to another is called a transition.
The article discusses implementation of such a state machine on simple component example which can be in finite number of states.
Source: https://betterprogramming.pub/simplify-your-react-components-state-with-a-state-machine-8e9c9a4ee1f6
The article then explains how to enumerate the states and events with TypeScript and write a reducer function that transitions from one state to another. Nice one!
[Read More]