injectDataConnectMutation
injectDataConnectMutation is a hook designed to simplify handling mutations (creating, updating, deleting) with Firebase Data Connect.
See mutations for more information.
Features
- Simplifies mutation handling for create, update, and delete operations using Firebase Data Connect.
- Provides type-safe handling of mutations based on your Firebase Data Connect schema.
- Automatically manages pending, success, and error states for mutations.
- Supports optimistic updates and caching to improve user experience and performance.
Usage
import { injectDataConnectMutation } from "@tanstack-query-firebase/angular/data-connect";
import { createMovieRef } from "@your-package-name/your-connector";
class AddMovieComponent() {
createMovie = injectDataConnectMutation(
createMovieRef
);
addMovie() {
createMovie.mutate({
title: 'John Wick',
genre: "Action",
imageUrl: "https://example.com/image.jpg",
});
}
return (
<button
disabled={createMovie.isPending()}
(click)="addMovie()"
>
{{createMovie.isPending() ? "Creating..." : "Create Movie"}}
</button>
);
}