Why React the Web AR

on YouTube ↗21m

" summary

A concrete workflow for putting 3D into the browser: use A-Frame with the thin a-frame-react bridge for component state and UI, drop AR libraries into index.html because AR.js/ARGS is not an npm react module, and choose marker-based or image-target tracking. Example shows a red spinning cube rendered to a marker by AR.js, UI (buttons, shares) handled in React, and the setup works on modern phones—no native app install, just a QR to open the page.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 2:54Web AR research journey
3. 6:05What is Web AR
4. 8:133D scenes with A-Frame React
5. 11:51Adding augmented reality to the 3D cube
6. 13:47AR.js limitations alternatives
7. 16:24Image tracking with 8th Wall
8. 18:15Web AR advantages use cases
9. 19:46Practical applications
10. 20:08Summary

" related talks

• 28mJourney through VR and AR with ReactTomasz Łakomy · The Rolling Scopes Conference 2018
• 29mJourney through VR and AR with ReactTomasz Łakomy · React Alicante 2018
• 29mJourney Through VR and AR with ReactTomasz Łakomy · You Gotta Love Frontend Conference 2018
• 47mAugmented Reality on the WebAlina Karpelceva · Build Stuff 2019
• 32mWriting Virtual and Augmented Reality Apps with Web TechnologyMichaela Lehr · You Gotta Love Frontend Conference 2018
• 26mHow To Do Augmented Reality On The Web — The AR.js Open-Source ProjectJerome Etienne · JSConf.Asia 2018
• 26mAugmented Reality with React Native — a Medium Worth to Bridge?Dino Scheidt · React Day Berlin 2017
• 57mOn the path to WebARJerome Etienne, Alexandra Etienne · DevFest Nantes 2017