/Knowledge/sources/honojs__hono/llms-full/client-components-startviewtransition-family-using-useviewtransition--2f6bab8ca5eb.md
Client Components: startViewTransition() family > Using useViewTransi...
Client Components: startViewTransition() family Using useViewTransition Source evidence: /Sources/honojs hono/provenance.md Canonical citation: https://hono....
Client Components: startViewTransition() family > Using useViewTransition
Source evidence: /Sources/honojs__hono/provenance.md Canonical citation: https://hono.dev/llms-full.txt#3-using-useviewtransition
Summary
If you want to change the style only during the animation. You can use useViewTransition(). This hook returns the [boolean, (callback: () => void) => void], and they are the isUpdating flag and the startViewTransition() function....
Content
If you want to change the style only during the animation. You can use useViewTransition(). This hook returns the [boolean, (callback: () => void) => void], and they are the isUpdating flag and the startViewTransition() function.
When this hook is used, the Component is evaluated at the following two times.
- Inside the callback of a call to
startViewTransition(). - When the
finishpromise becomes fulfilled
Metadata
{
"chunk_index": 0,
"citation": "https://hono.dev/llms-full.txt#3-using-useviewtransition",
"coverage_role": "overview",
"qualified_title": "Hono / llms-full / Client Components > `startViewTransition()` family > 3. Using `useViewTransition` (1)",
"retrieved_at": "2026-07-02T05:51:01Z",
"section_index": 95,
"source_id": "/honojs/hono",
"source_type": "llms_full",
"target_label": "llms-full",
"title": "Client Components: startViewTransition() family > Using useViewTransition",
"upstream_url": "https://hono.dev/llms-full.txt",
"version": "2026"
}