Sign inOpen the app
Syntax - Tasty Web Development Treats

Fundamentals - Web Workers and Service Workers

Aug 24, 2022 · 55 min
0:00-55:12

Streams straight from the publisher. podnod never proxies or re-hosts episode audio.

Open in podnod

In this episode of Syntax, Wes and Scott talk through the fundamentals of web workers and service workers - examples, when you should use them, how to debug, local dev, and more.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax

Show Notes
  • 00:11 Welcome
  • 04:34 What are threads?
  • 06:12 Concurrent vs parallel
  • 09:22 Green screen web cam example
  • 13:02 Examples of what you could use web workers for
  • Party Town
  • Deno
  • 19:52 Sponsor: LogRocket
  • 20:42 Post Message API and Web Workers
  • 25:57 What about WASM?
  • 27:28 Offline sync
  • 28:14 What are service workers?
  • 31:20 How do you caching sites for offline use?
  • 32:39 Web worker vs service worker
  • 34:12 Sponsor: Sanity
  • 35:40 What is the lifecycle of a service worker
  • 38:18 Possible issues with Service Workers
  • 42:46 Debugging service workers
  • Svelte Kit Service workers
  • Workbox
  • 43:04 Testing and local development
  • Service Workers notes from Wes’ Workshop
  • 46:45 Sponsor: Freshbooks
  • 49:59 SIIIIICK ××× PIIIICKS ×××
××× SIIIIICK ××× PIIIICKS ××× Shameless Plugs Tweet us your tasty treats