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.

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

useForm submits data as Inertia visits that update page props, while useHttp makes standalone JSON requests that do not trigger page visits. Use useHttp for API-style endpoints like search.

Yes, the WhenVisible component lazy-loads a prop when an element scrolls into view, with a configurable buffer and fallback UI. Deferred props and InfiniteScroll cover other lazy-loading scenarios.

This happens when using a plain HTML form without preventing the default submission. Use the <Form> component or call e.preventDefault() in your submit handler with useForm.

router.cancel() was replaced by router.cancelAll(), and the invalid and exception router events were renamed to httpException and networkError. Check these when upgrading existing code.