Pocket-sized JS

on YouTube ↗19m

" summary

Claims that a full-featured mobile web app can ship less than 60 kilobytes of CSS HTML and JavaScript, replaces heavy frameworks by using virtual DOM rendering, moves diffing and app logic into web workers, and uses service workers and pre-rendered HTML to cut runtime cost. Evidence includes React at 42KB versus a 7.1KB virtual-dom runtime, Nolan Lawson’s worker diff demos on old Android, and a proof‑of‑concept static app shipped as 8.5KB that actually runs.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 4:58IT MAY NOT BE EASY...
3. 5:23LESSON #2: YOUR APP WON'T RUN LIKE IT DOES ON YOUR MACBOOK PRO
4. 8:36BRINGING BACK STATIC WEB WEBPACK CONFIG TO DO THIS
5. 10:01TEMPLATE FILES AND BINDING CODE
6. 13:54WEBWORKERS!
7. 15:13LOAD WORKER CODE INLINE WRITE WORKER IN ES6 REQUIRE NPM MODULES
8. 15:47WORKERS CAN DO: AJAX, INDEXDB

" related talks

• 41mHow we make Web Apps lightning fast at Microsoft!Sean Thomas Larkin · Uphill Conf 2019
• 41mYou Really Don't Need All That JavaScript I PromiseStuart Langridge · Pixel Pioneers Bristol 2022
• 31m10KB or Bust" The Delicate Power of Webpack and Babel"Brian Holt · JSConfCO 2018
• 24mComputer, build me an appRich Harris · JSConf EU 2018
• 32mResponsible JavascriptJeremy Wagner · NEJS Conf 2019
• 31mMobile-friendly web apps with AngularOleksandr Tryshchenko · GDG DevFest Poland 2018 in Wrocław
• 39mYou really don't need all that JavaScript, I promiseStuart Langridge · JSCamp Romania 2019
• 39mNano? Pico? Femto? Atto? Zepto!Thomas Fuchs · JSConf US 2011