# Angular and React Bindings for Data Connect

DevFeed: [Angular and React Bindings for Data Connect](<https://devfeed.tech/articles/angular-and-react-bindings-for-data-connect-16592.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2025/04/dataconnect-web-bindings>)

Author: Cynthia Wang

Published: 2025-04-29T00:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Angular](<https://devfeed.tech/topics/angular.md>), [React](<https://devfeed.tech/topics/react.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [react](<https://devfeed.tech/tags/react.md>), [sql-connect](<https://devfeed.tech/tags/sql-connect.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [typescript](<https://devfeed.tech/tags/typescript.md>), [web](<https://devfeed.tech/tags/web.md>)

## AI overview

Firebase introduces preview Angular and React bindings for Firebase Data Connect. The bindings generate type-safe hooks or injectors from GraphQL queries and mutations and integrate with TanStack Query for data fetching, caching, and state management.

## Source excerpt

News, tutorials, and updates from the Firebase team.