Panduan Migrasi

Kalau kamu paham TanStack Query, kamu sudah paham sebagian besar Tide. Perbedaan utamanya: Tide WebSocket-first — push real-time bawaan, bukan tambahan.

Pemetaan konsep

// TanStack Query
const q = createQuery(() => ({
  queryKey: ['todos'],
  queryFn: fetchTodos,
}))

// Tide
const todos = createTide({
  key: 'todos',
  fetcher: ({ signal }) => fetchTodos(signal),
  ws: (msg) => (msg.type === 'todos' ? msg.data : null), // optional
})

queryKey → key, queryFn → fetcher. Tide menambah ws untuk update push dan menyimpan ke sessionStorage secara default untuk kunjungan ulang 0ms.