- URL share được
- Back/Forward đúng
- không reload toàn page
- không query lại sidebar/stats

router.get('/orders', filters, {
  only: ['orders', 'filters'],
  preserveState: true,
  preserveScroll: true,
  replace: true,
})

'orders' => fn () => $this->queryOrders($filters),

page shell phải interactive sớm
KPI có thể xuất hiện sau
KPI fail không được phá page

'kpis' => Inertia::defer(
    fn () => $analytics->kpis(),
    rescue: true,
),

<Deferred data="kpis" fallback={<KpiSkeleton />}>
  <Kpis />
</Deferred>

mở form
nhập dở
đóng/mở hoặc back/forward
không mất data
validation server-side

const form = useForm(`EditCustomer:${customer.id}`, initialData)

user phải thấy phản hồi ngay
mutation nhỏ
rollback dễ

router
  .optimistic((props) => ({
    item: { ...props.item, bookmarked: !props.item.bookmarked },
  }))
  .post(`/items/${item.id}/bookmark`)

progress
cancel
validation error
không double submit

useForm
  + File
  + progress
  + processing
  + cancel()

POST bắt đầu export
server trả job ID/state page
UI cập nhật tới khi ready

submit mutation
→ redirect status page
→ polling partial prop
→ ready
→ download link

load thêm page
không replace list cũ
URL/history vẫn hợp lý

server paginated prop
+ merge/infinite scroll semantics
+ scroll management

changes current page/navigation?
  yes → Inertia visit / form
  no, independent HTTP call → useHttp