Create Collaborative VR Environment in the Browser with React and GraphQL

on YouTube ↗25m

" summary

Shows how to build a working collaborative VR app in the browser using a-frame, react360, React and GraphQL with Apollo websockets. Demonstrates a tic‑tac‑toe game plus chat where moves and messages propagate via GraphQL subscriptions backed by hasura so multiple clients update in real time. Notes practical limits: react360 still lacks hooks and WebXR support is spotty, but the demo runs and live updates arrive instantly across VR and non‑VR clients.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 5:55Coordinate Systems
3. 6:52Entity Component System
4. 8:55React 360
5. 11:29Interact with Browser
6. 12:53Ray Casting
7. 14:59Graphql
8. 20:12Add Things to Vr

" related talks

• 28mJourney through VR and AR with ReactTomasz Łakomy · The Rolling Scopes Conference 2018
• 58mCrafting compelling real-time web experiences with GraphQL and ReactRob Crowley · NDC Sydney 2018
• 29mJourney Through VR and AR with ReactTomasz Łakomy · You Gotta Love Frontend Conference 2018
• 32mWriting Virtual and Augmented Reality Apps with Web TechnologyMichaela Lehr · You Gotta Love Frontend Conference 2018
• 16mKeren Kenzi @ ReactNext '23 | Hello (Virtual) WorldKeren Kenzi · ReactNext 2023
• 29mJourney through VR and AR with ReactTomasz Łakomy · React Alicante 2018
• 53mVirtual reality for web developersAlex Mackey · NDC Sydney 2017
• 29mWeb based Virtual RealityShagufta Gurmukhdas · Full Stack Fest 2017