Introduction to Actions
The Actions panel is used to add interactivity to your web apps, such as triggering requests, rendering items on the page, and much more.
In short, Actions allow you to respond to user interactions, and any other event that happens on the page.
Action Types
When you're creating a new Action, you can choose between two Action types:
- Element Actions: are based on element interactions. These include button clicks, form submits, input changes etc.
- Event Actions: are based on events like page starts loading, request finishes, etc.
Reactivity
By default, all Actions are reactive. Wized keeps track of all the dependencies in your functions and triggers the correspondent updates whenever they change.
For example, if a heading's text is set to:
js
(c, f, i, n, r, v, e, t) => {
return 'Hello' + v.name;
};The heading will get updated whenever the value of the variable v.name changes.
You can learn more about Action Reactivity here.
How to create an Action?
To create an action:
- Click the create new action button
- Choose a name for your action. For example, Set name.
- Select a folder (optional)
- Pick an action type
- Configure your action