Function action

Wrap a function (or decorate a method) so that signals it reads are not added as dependencies to the current rule (if any). (Basically, it's shorthand for wrapping the function or method body in a giant call to peek().)

So, instead of writing an action function like this:

function outer(arg1, arg2) {
    return peek(() => {
        // reactive values used here will not be added to the running rule
    })
}
Copy

you can just write this:

const outer = action((arg1, arg2) => {
    // reactive values used here will not be added to the running rule
});
Copy

or this:

class Something {
    ⁣⁣@action  // auto-detects TC39 or legacy decorators
    someMethod(arg1) {
        // reactive values used here will not be added to the running rule
    }
}
Copy