Multiplayer Experiences with React

on YouTube ↗22m

" summary

Built a Next.js Conf hero where players place framework-feature blocks into letters using LiveBlocks for websocket-backed shared state, and the demo uses per-ID subscriptions plus memoization to avoid full re-renders. Conflict resolution makes one client the host by a device score (GPU, battery, tab) and bots stress-test behavior. A separate racing prototype runs on a Particle/PRJS server that batches updates to throttle traffic and interpolates positions; stress tests reach about 86 concurrent users and the project is open source at webby.nxjs.org.

AI-written summary · about

" chapters (6)

1. 0:00Introduction and project case
2. 1:51Liveblocks and shared state
3. 3:50Performance optimization
4. 7:54Managing multiplayer logic
5. 11:15PartyKit and server-side state
6. 15:37Peer-to-peer and conclusion

" related talks

• 27mMaking Games With React and ReduxMike Lazer-Walker · NationJS React 2018
• 36mReact and the Art of GamificationCourtney Yatteau · reactjsday 2025
• 18mRealtime HTML5 Multiplayer Games with NodeJSMario Alzugray · JSConf US 2011
• 35mGoing fullstack React(ive)Paulo Lopes · Codemotion Amsterdam 2017
• 38mBuilding Isomorphic Web Applications with ReactElyse Kolker Gordon · Strange Loop 2015
• 09mMake your Next.js app realtime and collaborativeSylwia Vargas · Next.js Conf 2023
• 38mReact as a Developer Health ToolTejas Kumar · React Miami 2023
• 29mThrow away your Xbox - The future of games is written in ReactOpher Vishnia · ReactNext 2023