RTK QueryIntermediate

Polling — Real-time-ish Data

pollingInterval, Subscribe-এর dynamic toggle — বাংলায়।

4টি অংশবাংলা ভাষায়

লাইভ-ঢিলে অর্ডার statustsx

tsx

"use client";

import { useReportsQuery } from "@/features/reports/reportsService";

export function LiveOrders({ enabled }: { enabled: boolean }) {
  const { data, isFetching } = useOrdersPollingQuery(undefined, {
    // enabled হলে প্রতি 5 সেকেন্ডে refetch
    pollingInterval: enabled ? 5000 : 0,  // 0 = off
  });

  return (
    <div>
      <h3>লাইভ অর্ডার</h3>
      {data?.map((o) => <OrderRow key={o.id} order={o} />)}
      {isFetching && <span className="sr-only">refreshing…</span>}
    </div>
  );
}

pollingInterval মান

pollingInterval = 5000 → প্রতি ৫ সেকেন্ডে refetch
0 / ছাড়াই → polling বন্ধ
component unmount → polling বন্ধ (no cleanup)
background-refetch → UI-র উপর কোনো প্রভাব ছাড়া data updated

প্রতি-splash যতটা অদ্ভুত

Polling server-এ প্রতিটি consumer-এর জন্য request বাড়ায়। অনেক consumer + ছোট interval → server-এ কম্প্রেশন। Better design — WebSocket/SSE (real-time)। Polling শুধু ছোট, justified case-এ ব্যবহার করুন।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।