task — Kuito Documentation

Usage

Save without submitting twice

tsx

import { Button, Text, VStack, task } from 'kuito';

export function SaveButton(props: { save: () => Promise<void> }) {
  const save = task(() => props.save(), { policy: 'drop' });
  return (
    <VStack gap={8}>
      <Button disabled={save.running.value} onPress={() => void save.run().catch(() => {})}>
        {save.running.value ? 'Saving…' : 'Save changes'}
      </Button>
      <Text>{save.error.value ? 'Save failed. Try again.' : ''}</Text>
    </VStack>
  );
}

Signatures

<A extends unknown[], T>(work: TaskWork<A, T>, options?: TaskOptions, name?: string): Task<A, T>

Type parameters

Name	Constraint	Default
`A`	`unknown[]`	—
`T`	—	—

Parameters

Name	Type	Required	Description
`work`	`TaskWork<A, T>`	Yes	—
`options`	`TaskOptions`	No	— Default: `{}`
`name`	`string`	No	—

Returns

Task<A, T>

Generated from the public TypeScript declarations: signatures, props and defaults come from the checked source, descriptions from its JSDoc. No defaults are invented.