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 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.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.

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

• 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 ×××

• Scott: Setex Gecko Grip 1mm Anti Slip Eyeglass Nose Pads
• Wes: Samsung Frame TV

• Scott: LevelUp Tutorials
• Wes: Wes Bos Tutorials

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets