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 ××× * Scott: Setex Gecko Grip 1mm Anti Slip Eyeglass Nose Pads * Wes: Samsung Frame TV

Shameless Plugs * Scott: LevelUp Tutorials * Wes: Wes Bos Tutorials

Tweet us your tasty treats * Scott’s Instagram * LevelUpTutorials Instagram * Wes’ Instagram * Wes’ Twitter * Wes’ Facebook * Scott’s Twitter * Make sure to include @SyntaxFM in your tweets