Как использовать Web Workers для тяжёлых вычислений?

Senior
168 просмотров
AFK Offer AI

Web Worker выполняет JS в отдельном потоке — не блокирует main thread. new Worker("worker.js"). Общение через postMessage/onmessage. Данные копируются (structured clone) или передаются (Transferable). Для React: workerize-loader, comlink (RPC поверх postMessage). Кейсы: парсинг CSV, обработка изображений, криптография, сложные фильтрации. Ограничения: нет DOM доступа, нет window. SharedWorker — один worker для нескольких вкладок. Не создавай worker на каждый вызов — переиспользуй.

Следующий вопрос

Что такое Turbopack и зачем он нужен?