State Variable

Any View can contain as many state variables as required, and its value can be set up as a constant or bound dynamically. State variables are not accessible between other Views; this means that every View can contain the same-named variables serving a different purpose.

Different State variables

Each of the variables has a unique ID, value, and type. Selecting the desired variable allows one to set up attributes in the Inspector panel. There is also an option to delete the current variable.

Inspector Option

Variable ID

Options Settings

Delete Variable

Value types of state variables are dependent on their usage. The most common String value is set up as a default, but options for Number, Boolean, Password, Map, and Array are also set up. Value-type can be changed by clicking on the proper icon.

String

ƒx: "Hello World"

Number

ƒx: 123

Boolean

ƒx: true

Password

ƒx: "TopSecret123"

Adding Map Items

ƒx: {first: "value1", second: "value2"}

Editing Items Values

Deleting Map Items

Define Items Valuetypes

Adding Array Items

ƒx: ["value1", "value2"]

Editing Items Values

Deleting Array Items

Define Items Valuetype

All existing state variables and their values are visible in Data explorer. Any changes in names or values are immediately reflected.

String State Variable

Data Explorer State Variable

Referencing variable values have to always correspond with Data explorer annotations.

variable1.value

Even updating a state of the variable by calling the proper function has to hold the correct syntax.

Updating State by Event

Update State Configuration

State variables can refer to each other.

Referencing To Logged User

Associating Variable To Component

Output