Statechart
Advanced Ecosystem 🔴 SeniorDefinition
Extension des FSM avec états hiérarchiques (imbriqués), parallèles et historiques. Permet de modéliser des systèmes complexes tout en gardant la rigueur des FSM.
Analogie
Un organigramme d'entreprise avec des départements (états parents) contenant des équipes (sous-états) travaillant en parallèle.
Exemple de code
const machine = createMachine({
type: 'parallel',
states: {
player: { initial: 'paused',
states: { paused: {}, playing: {} } },
volume: { initial: 'normal',
states: { muted: {}, normal: {}, loud: {} } },
},
});
Cas d'usage
Modéliser des interfaces complexes avec plusieurs sous-systèmes indépendants (lecteur média, formulaires).