Tyler Clark - React to Web Workers
summary
Shows concrete results and code: Google search case study cuts served JavaScript by 50% less JavaScript downloaded when using service workers, Workbox is the recommended tool, and Create React App toggles service worker by changing unregister to register. Demonstrates a service worker broadcasting messages to keep state in sync across tabs and caching HTML/assets so the app works offline. Demonstrates moving Fibonacci(45) into a web worker so Fibonacci(45) freezes UI / worker keeps UI responsive. Notes: web workers often require CRA eject or a plugin and service workers need careful lifecycle handling.
AI-written summary · about
chapters (10)
- 0:00Start
- 8:04Service Worker
- 9:16Cache Api
- 10:10Code To Get a Serviceworker up and Running
- 13:45Fallback Response
- 20:27Final Notes on the Service Workers
- 20:52Web Workers
- 25:07Notes on Web Workers
- 26:47Tips and Tricks
- 27:05Dev Tools
related talks
13mHow to Use Web Workers for Fun and Profit
34mParallel computing in React
30mBuild Snappier Apps with React and Web Workers
29mParallel computing in ReactJS: Provide a pleasant user experience
25mDemystifying Web Workers and Service Workers
36mMultithreading in React: A guide to Web Workers
33mService Workers
32mRise of the Web Workers