Race Conditions in JavaScript Apps
summary
Shows concrete failures and fixes: an autosuggest demo built with Vue.js demonstrates that simply awaiting requests yields out‑of‑order results, solved first by generate request ID checks and then refined to accept useful interim replies (three iterations until correct). A real‑time collaborative app at Taskworld adopts pending operations queue and overlay pending changes instead of optimistic writes, sequences retries, persists the queue to client storage and uses a single‑tab leader election so optimistic UI works and data loss is prevented.
AI-written summary · about
chapters (5)
- 0:00Introduction
- 2:40Search
- 9:25First takeaway
- 10:20Optimistic Updates
- 21:00Preventing further data loss
related talks
47mAdventures in Rendering Off the Main Thread
26mChaos Mode: Finding & Fixing Race Conditions
18mThe need for speed - Single-page apps, Optimistic UIs, Reactivity
21mAsynchronous UX
28mDetecting the unexpected in React applications
22mRoad to a better UX with Suspense and Concurrent UI
30mActually Understanding Asynchronous JavaScript
32mVue Real-Time Apps