LiveQueryChangeInfo

The LiveQueryChangeInfo interface represents information about changes in the results of a live query.

items

The updated array of result items.

changes

The changes received in the specific message. The change types can be "all" (replace all), "add", "replace", or "remove".

applyChanges

Applies the changes received in the message to an existing array. This method is particularly useful with React to update the component's state based on the live query changes.

returns:

The updated array of result items after applying the changes.

example:

// Using applyChanges in a React component with useEffect hook
useEffect(() => {
  return taskRepo
    .liveQuery({
      limit: 20,
      orderBy: { createdAt: 'asc' }
      //where: { completed: true },
    })
    .subscribe(info => setTasks(info.applyChanges));
}, []);

Arguments:

• prevState - The previous state of the array of result items.
• options - Controls where added items are placed. 'auto' (default) keeps the array sorted by the query's orderBy (or the entity's defaultOrderBy, falling back to 'last' when neither is set); 'first' prepends added items; 'last' appends them.