Building Data Driven AR Experiences Powered by GraphQL by Vladimir Novick

on YouTube ↗44m

" summary

Claim: GraphQL powers React Native AR apps to fetch and mutate scene data live. Concrete tools used include GraphQL with subscriptions over WebSockets, Hasura auto-generates GraphQL API over Postgres and React Native AR rendering via Viro React and glTF models. Built examples: image markers, a skeletal animated monster, a car model, and a portal that teleports to a 360 image. Demos run and update in real time from the GraphQL backend though network latency sometimes slows asset loading.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 6:03How we can create AR
3. 15:17Basic anatomy of an app
4. 23:22Features

" related talks

• 39mBuilding AR Apps with React NativeVladimir Novick · React Boston 2018
• 37mBuilding AR Apps with React NativeVladimir Novick · Chain React 2018
• 58mCrafting compelling real-time web experiences with GraphQL and ReactRob Crowley · NDC Sydney 2018
• 26mAugmented Reality with React Native — a Medium Worth to Bridge?Dino Scheidt · React Day Berlin 2017
• 32mBuilding AR apps with React NativeVladimir Novick · FrontEnd Con 2018
• 26mDeveloping Immersive cross-platform AR and VR Apps using React-NativePulkit Kakkar · React Conf 2018
• 44mRapid Cross-Platform AR Development with React NativeAlex Hinson · JSDay 2019
• 25mCreate Collaborative VR Environment in the Browser with React and GraphQLVladimir Novick · React Summit 2020