Hooks

useBarq

useBarq() returns the open database from the nearest provider.

import { useBarq } from '@barq/react';

function AddTaskButton() {
  const barq = useBarq();

  return (
    <Button
      title="Add"
      onPress={() => {
        barq.write(() => {
          barq.create(Task, Task.generate('New task'));
        });
      }}
    />
  );
}

useQuery

useQuery() returns live results.

import { useQuery } from '@barq/react';

function TaskList() {
  const tasks = useQuery(Task);
  return <FlatList data={tasks.sorted('createdAt')} renderItem={renderTask} />;
}

When matching data changes, the hook updates the component.