React

This is the heart of Arc on the frontend: a small set of hooks and helpers that turn your generated command and query proxies into idiomatic React. You import a proxy, call its .use() hook, and get typed command/query integration without a hand-written API client. Query results include loading state; raw command hooks still need explicit execution state or a form component. Start with Commands and Queries; the rest of the pages here refine those two with validation, scopes, and identity.

Working with commands

Topic	What it covers
Commands	The .use() hook — instantiate, bind, validate, and execute a command from a component.
Command Validation	Pre-flight validation: catch invalid input before the request leaves the browser.
Command Scopes	A scope that captures changes, validation, and errors across several commands in one UI.

Working with queries

Topic	What it covers
Queries	Reading data with .use() — including live, observable queries that re-render on change.

Around the edges

Topic	What it covers
Configure Arc	Point the React app at your backend and set transport, headers, and identity.
Identity	Who the user is, and what they’re allowed to see and do.
Dialogs	Consistent dialog handling for command and data-entry flows.
Proxy generation (C#)	Generate the typed clients used in these C# examples. For other backends, see JVM proxies or the TypeScript source preview’s generator.
Storybook	The Storybook for the components Arc exposes.
Story Components	Building good-looking, consistent stories.

Prefer a structured, testable approach for complex screens? See MVVM with React.