Saltar al contenido
ExperimentosArchivado el 1 de diciembre de 2022

xstate-react-calculator

Calculadora hecha con React y XState — un experimento para entender cómo modelar UIs con máquinas de estados finitas.

Creado Último commit
  • react
  • xstate
  • state-machines
  • experiment

xstate-react-calculator

xstate-react-calculator es una calculadora estilo iPhone construida con React y XState. El punto no era la calculadora — era usar el ejercicio para entender cómo se siente modelar una UI completa con máquinas de estados finitas en lugar de booleanos sueltos y useReducer.

Es exactamente el tipo de proyecto que XState resuelve mejor que useState: hay estados ilegales (no podés sumar dos veces sin un operador entremedio), transiciones que dependen de history, y suficiente lógica de control como para que la versión naive con flags y condiciones se vuelva ilegible rápido.

Archivado en 2022 — fue un experimento puntual, sin planes de mantenerlo. Quedó como referencia para volver a leer cuando necesite recordar cómo armar una statechart desde cero.

Para detalles, mira el README en GitHub.