frontend-integration

Connect React apps to Kailash workflows by setting up an API client with fetch or a library like React Query, configuring authentication, and managing state with the workflow response. Use generated TypeScript types for type safety and handle both synchronous and streaming responses from the Nexus API.

Yes, Flutter apps integrate with Kailash workflows through HTTP clients configured with Nexus API endpoints and generated Dart types. Set up error handling, state management using Riverpod or Bloc, and real-time update listeners to display workflow results in your UI.

Implement error handling in your API client by catching HTTP errors, parsing error responses from Kailash workflows, and surfacing them to users with fallback UI. Both React Query and Flutter's HTTP client libraries provide built-in error state management for this purpose.

Manage Kailash workflow state in React using React Query for server state or Redux for complex application state. Store workflow responses, loading states, and errors; React Query automatically handles caching, refetching, and synchronization with your backend API calls.

Real-time updates from Kailash workflows require streaming support in your HTTP client and state management setup. React Query and Flutter's stream listeners enable listening to workflow status changes; configure your Nexus API client to maintain open connections for continuous updates.

Before calling Kailash workflows, set up an API client configured with Nexus API credentials, generate TypeScript or Dart types from your workflow schema, and ensure your frontend has network access to your backend. FastAPI or equivalent backend must expose workflow endpoints to your frontend domain.