The need for speed - Single-page apps, Optimistic UIs, Reactivity

on YouTube ↗18m

" summary

Argues single‑page apps plus optimistic UIs actually cut perceived latency and speed up development, shows concrete thresholds (0.1 to 1 second and >1s for spinners), and demonstrates a working sync layer called mydb (MongoDB backend) that keeps documents and session state synchronized across tabs so login/logout and uploads propagate live. Shows optimistic DOM rendering to eliminate spinners, gives a live demo of two sessions syncing, and credits socket.io and node.js as the realtime plumbing.

AI-written summary · about

" chapters (8)

1. 0:00Intro
2. 0:59Universally, speed is the most important factor that influences technological decisions
3. 2:56The success of your app is directly correlated with its performance and responsiveness.
4. 4:35Unique new opportunities for speed and the perception of speed
5. 6:09Opportunity 1 Rendering a page's layout immediately
6. 6:45The moment you press a key the page adopts the layout of the results page.
7. 10:21By acting on the user input immediately, and rendering optimistically, spinners go away
8. 13:45Opportunity 3 Synchronizing state. Data reactivity

" related talks

• 24mZero-Latency React Native: Apps Without Loading SpinnersDev Agrawal · Chain React 2026
• 54mHow to build the modern, optimistic and reactive user interface, we all want.Guillermo Rauch · ColdFront 2014
• 24mBuilding Realtime Singlepage AppsHenrik Joreteg · NodeConf 2011
• 50mQwik: A holly grail of progressive hydration for ultimate speedMiško Hevery · JNation 2022
• 09mRoad to a Better UX with Suspense and Concurrent UINikhil Sharma · React Summit Remote Edition 2021
• 01h 18mThe future of chatGuillermo Rauch · JSFoo 2015
• 22mRoad to a better UX with Suspense and Concurrent UINikhil Sharma · React Conference Live 2022
• 24mThree Keys to Successful Single Page Web ApplicationsJosh Powell · HTML5DevConf 2013