inertia-react-development

Use the <Form> component from @inertiajs/react with an action and method, accessing errors, processing, and wasSuccessful via render props. 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 optional method, data, and callbacks like onSuccess.

useForm submits data through Inertia page visits, while useHttp makes standalone HTTP requests to plain JSON endpoints without triggering a page visit. Both share a similar API with data, setData, and processing state.

Deferred props load after the initial page render, so the prop is undefined on first render. Render a loading or skeleton state when the prop is undefined, then display the data once it arrives.

Full reloads usually happen when using traditional <a> tags instead of Inertia's <Link> component, or when submitting a plain <form> without preventing the default submission. Use <Link> for navigation and the <Form> component or e.preventDefault() for forms.

Yes, the usePoll hook refreshes data at intervals with automatic cleanup and tab-inactivity throttling. The InfiniteScroll component loads additional paginated pages as the user scrolls, requiring Inertia::scroll() on the server.