Simulator Interaktif Off-Main-Thread & 0ms INP Latency

// 1. worker.ts (Dedicated Thread)
self.onmessage = (e) => {
  const { rawData } = e.data;
  // Berat: Parsing jutaan row data atau enkripsi kriptografi
  const processed = heavyDataTransform(rawData);
  self.postMessage({ result: processed });
};

// 2. ClientComponent.tsx (Main Thread Tetap 0ms INP)
const workerRef = useRef<Worker>();
useEffect(() => {
  workerRef.current = new Worker(new URL('./worker.ts', import.meta.url));
  workerRef.current.onmessage = (event) => {
    setData(event.data.result); // Update UI mulus tanpa stutter
  };
}, []);

const handleTrigger = () => {
  // Dispatch ke background worker tanpa memblokir click/paint
  workerRef.current?.postMessage({ rawData });
};