inertia-react-development

Use the `<Form>` component from @inertiajs/react with an action and method, rendering errors and processing state via its render prop. For programmatic control, use the `useForm` hook with data, setData, and post, calling e.preventDefault() on submit.

Use the `<Link>` component from @inertiajs/react instead of plain `<a>` tags to preserve SPA behavior. For programmatic navigation, call router.visit with a URL and optional method, data, and callbacks like onSuccess.

useForm submits data as Inertia visits that trigger page transitions, while useHttp sends standalone requests to plain JSON endpoints without triggering an Inertia page visit. Both share a similar API with data, setData, and processing state.

Yes. Add the prefetch prop to `<Link>` to load pages on hover, and use deferred props on the server so data loads after the initial render. Handle the undefined state of deferred props with loading skeletons in the component.

This happens when using a native `<form>` element without preventing the default submission. Use the `<Form>` component or call e.preventDefault() in your submit handler when using useForm so the request goes through Inertia.

In v3, router.cancel() was replaced by router.cancelAll(), and the invalid and exception events were renamed to httpException and networkError. Update event listeners and cancellation calls accordingly when migrating.