Skip to content

Sidebar Navigation

Introduction

Core Concepts

Architecture

Finite State Machine

Data Flow

Sample Designs

Examples

Redux

React

Diagram Syntax

Data Objects

Reducers

Values and Constants

Expressions

Functions

Predicates

Transformers

Events

Subscribing to Events

Emitting Events

Side Effects

Integrations

Language Support

Javascript API

React

Redux

Contributing

Advanced Repository Management

Git Commit Message Convention

API

_media

LICENSE

LICENSE-1

LICENSE-2

LICENSE-3

LICENSE-4

automata

classes

FunctionDictionary

interfaces

IActionDictionary

IAutomata

IAutomataEventAdapter

IAutomataEventBus

IAutomataExtendedEventContainer

IAutomataExtendedValidatorContainer

IAutomataFunctionRegistry

IAutomataSlice

IStateDictionary

test_cases

automata

cli

codegen

interfaces

IGenerateOptions

test_cases

codegen

codegen-tests

functions

mermaid-parser

functions

createStateDiagram

parseSequenceDiagram

parseStateDiagram

test_cases

mermaid-parser

type-aliases

TActionsStructure

TChoicesStructure

TForksStructure

TParsedStringDict

TStatesStructure

TTransitionsArray

react

redux

test_cases

redux

scripts

utils

functions

uniqId

yantrix-parser

test_cases

yantrix-parser

variables

ExpressionTypes

ReservedList

SpecialCharList

On this page

React Examples

Traffic light

Source code: 02-traffic-light-react

Diagram

Pager

Previous pageRedux

Next pageDiagram Syntax