The In-Between States

Form state preservation with useActionState, defaultValue pattern, create/edit reuse.

SubmitButton pattern, child component constraint, localized form feedback.

Instant feedback with useOptimistic, derived pending state, data-pending for parent styling.

Page-level transitions, shared element morphing, directional navigation.

Pre-render dynamic routes, generateMetadata for SEO, on-demand generation.

searchParams for shareable state, Zod validation, optimistic URL updates.

Request deduplication with cache(), combining with "use cache" directive.

isPending for destructive actions, comparison with useOptimistic, keeping content visible.

Co-locate skeletons with components, match layout structure, prevent CLS.

cacheComponents default, what triggers dynamic rendering, push dynamic access deep.

Action props for reusable components, encapsulate transitions and optimistic state.

Link pending state with useLinkStatus, child component pattern, comparison with useTransition.