Web Workers Guide

Web Workers enable parallel processing in JavaScript, keeping your UI responsive.

Creating a Worker

typescript
// worker.ts
self.onmessage = (e) => {
  const result = heavyComputation(e.data);
  self.postMessage(result);
};

function heavyComputation(data) {
  // Expensive calculation
  return result;
}

Using a Worker

typescript
// main.ts
const worker = new Worker(new URL('./worker.ts', import.meta.url));

worker.onmessage = (e) => {
  console.log('Result:', e.data);
};

worker.postMessage({ data: 'some data' });

Web Workers are essential for CPU-intensive tasks. Use them to keep your UI responsive.