runOnRuntimeAsync

Available from 0.8.0

runOnRuntimeAsync lets you asynchronously run worklets on a Worker Runtime. It returns a Promise of the worklet's return value. The Promise is resolved asynchronously, not immediately after the callback execution.

Reference

import { runOnRuntimeAsync, createWorkletRuntime } from 'react-native-worklets';

const backgroundRuntime = createWorkletRuntime({ name: 'background' });

async function performHeavyComputation(data: number[]) {
  try {
    const result = await runOnRuntimeAsync(backgroundRuntime, (numbers: number[]) => {
      'worklet';
      // Heavy computation on background thread
      return numbers.reduce((sum, n) => sum + n, 0);
    }, data);

    console.log('Computation result:', result);
  } catch (error) {
    console.error('Computation failed:', error);
  }
}

Type definitions

function runOnRuntimeAsync<Args extends unknown[], ReturnValue>(
  workletRuntime: WorkletRuntime,
  worklet: (...args: Args) => ReturnValue,
  ...args: Args
): Promise<ReturnValue>;

Arguments

workletRuntime

The worklet runtime to run the worklet on. Created with createWorkletRuntime.

worklet

A reference to a function you want to execute on the Worker Runtime. Arguments to your function have to be passed after the worklet i.e. runOnRuntimeAsync(workletRuntime, setValue, 10);.

args

Arguments to the function you want to execute on the Worker Runtime.

Remarks

• It's a common mistake to execute function inside of runOnRuntimeAsync like this: runOnRuntimeAsync(workletRuntime, myWorklet(10)). Here, the correct usage would be runOnRuntimeAsync(workletRuntime, myWorklet, 10).

• The callback passed as the argument is automatically workletized and ready to be run on the Worker Runtime.

• Errors thrown in the worklet will cause the Promise to reject with that error.

Call table

Mode	RN Runtime	UI Runtime	Worker Runtime
Bundle Mode	✅	❌	❌
Legacy Eval Mode	✅	❌	❌

What does it mean?

Platform compatibility

Native	Web
✅	❌