🔌 Actions

Actions allow the Layer to do stuff. We have 4 primary types of actions, here they are:

1. Links: A link action is used to navigate to a different page or website when invoked.

2. DOM Events: A DOM event action covers actions like clicking, filling, and selecting.

3. HTTP/S Requests: Make an HTTP request from the client side.

4. Callbacks: A callback executes code inside your platform.

note

All actions are defined completely inside the Builder except for callbacks which also require you to register the action in code. Here is an example for how to use callbacks in a react application:

import { useState, useEffect } from 'react';
import './App.css';

function Title() {
  const [title, setTitle] = useState('Set Me!');

  useEffect(() => {
    layerCore.actions.registerCallback(
      'setAppTitle',
      ({ title }: { title: string }) => {
        setTitle(title);
        return 'success';
      }
    );
    return () => {
      layerCore.actions.unregisterCallback('setAppTitle');
    };
  }, []);

  return <h1>{title}</h1>;
}

export default Title;

Watch this tutorial for how to set up the different types of actions