Fundamentals - Web Workers and Service Workers
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
- 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