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

Fundamentals - Web Workers and Service Workers

Syntax - Tasty Web Development Treats