Lets Go 3D With React Native

on YouTube ↗24m

" summary

Builds an AR demo with Viro React using ARKit (iOS) and ARCore (Android), initialized with "react-viro init", run via npm start and an ngrok URL into the Viro Media testbed. Implements plane selector for floor/table detection, uses a ViroBox to convert an image into a 3D box, shows rotation and placement on tap, and uses an onTrackingUpdated callback to switch status text when tracking becomes normal. Works for info/AR apps with instant hot reloading; not suited for heavy C#/C++ game engines.

AI-written summary · about

" chapters (9)

1. 0:00Introduction to React 3D
2. 1:37Immersive Technologies
3. 4:08Understanding Virtual Reality
4. 6:26Understanding Augmented Reality
5. 7:36Core Principles of AR Development
6. 10:48Viro Media Platform
7. 13:39Building the AR Scene
8. 17:56Plane Detection and Object Placement
9. 21:14Conclusion and Resources

" related talks

• 44mRapid Cross-Platform AR Development with React NativeAlex Hinson · JSDay 2019
• 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
• 39mBuilding AR Apps with React NativeVladimir Novick · React Boston 2018
• 37mBuilding AR Apps with React NativeVladimir Novick · Chain React 2018
• 29mJourney Through VR and AR with ReactTomasz Łakomy · You Gotta Love Frontend Conference 2018
• 29mJourney through VR and AR with ReactTomasz Łakomy · React Alicante 2018
• 28mJourney through VR and AR with ReactTomasz Łakomy · The Rolling Scopes Conference 2018