extension-core-infrastructure

To set up Internet Identity authentication in a React app, use the useInternetIdentity hook to manage login state and wrap your root component with the InternetIdentityProvider to automatically handle identity state changes.

Connecting a React frontend to a backend canister involves using the useActor hook to create typed backend actors that react to identity changes, which automatically configures the necessary storage clients and canister connections.

You do not need to manually configure backend connections for Caffeine AI projects, as this setup is handled automatically by applying the core infrastructure package to manage storage clients and typed backend actors.

Integrating React Query with Internet Identity involves wrapping your application with the QueryClientProvider and InternetIdentityProvider out of the box, ensuring React query integration works seamlessly with the authentication state.

The best way to manage typed backend actors that react to identity changes is using the useActor hook, which creates actor instances that automatically update whenever the Internet Identity login state changes.

You can apply this setup to web projects that specifically require Internet Identity login, storage client setup, and React query integration, ensuring automatic management of identity state and actor instances.