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.