World Congress 2021 Jul 1, 2021

Cross platform Augmented Reality development with React Native

Vladimir Novick

Must you learn Unity, ARKit, or ARCore to build cross-platform AR? Discover how to create interactive spatial experiences using React Native and your existing JavaScript skills.

Pause
Mute Enter Fullscreen
#1 about 2 min

Introduction to the concept of augmented reality

Exploring the definition of augmented reality and its role in overlaying digital elements onto physical environments.

#2 about 8 min

The evolution and history of augmented reality tracking

A historical overview of augmented reality journeys from conceptual origins in 1901 to modern consumer headsets.

#3 about 3 min

Evaluating cross-platform AR frameworks and mobile tools

Comparing platform-specific constraints against cross-platform frameworks like Unity, Unreal, and Viro React.

#4 about 4 min

Demonstrating Viro React capabilities for interactive applications

Rendering interactive catalogs and immersive portal experiences using plane detection alongside object tracking markers.

#5 about 7 min

Setting up Viro React using React Native CLI

Configuring code environments and establishing right-handed coordinate systems for precise 3D geometry placement.

#6 about 5 min

Applying lighting and material textures to AR scenes

Enhancing visual realism by positioning directional lighting, ambient nodes, and custom diffuse surface textures.

#7 about 5 min

Integrating complex 3D assets and custom particle effects

Incorporating rigged model pipelines, complex skeleton animations, and dynamic particle emitters into application logic.

#8 about 4 min

Exploring Unity AR Foundation for advanced tracking logic

Addressing Viro React limitations by utilizing Unity for capabilities like face mapping and continuous depth detection.

#9 about 3 min

Bridging Unity AR Foundation within React Native projects

Embedding compiled Unity libraries into mobile platforms and orchestrating functionality via custom native bridging components.

#10 about 4 min

Community questions on Flutter integration and future projects

Addressing audience queries regarding framework maintenance forks and expanding reality implementation strategies to other mobile ecosystems.

Matching moments

2:09 min

Introduction to building iOS augmented reality applications

Nermin Sehic · LIVE

2:47 min

Architectural pathways for cross-platform mixed reality development

Mario Petricevic · WWC 2024

1:33 min

Inside-out tracking and introducing mobile AR frameworks

rafek rafek · WWC 2024

4:52 min

Transitioning to React Native from web development

Milica Aleksic Milica Aleksic · LIVE

2:25 min

Origins and architectural capabilities of the React Native framework

Edoardo Dusi · LIVE

6:21 min

Defining native applications and the history of React

Dmitry Vinnik · LIVE

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

GitHub’s Team X-Ray: Your Repository Knows More About Your Team Than Your Team Does

Andrea Griffiths

Senior Developer Advocate

Andrea Griffiths
Open session

World Congress 2026 North America

From Software Agents to Physical Devices: Inside the Agentic Hardware Stack

Michael Yuan, Vivian Hu

Michael Yuan
Vivian Hu
Open session

World Congress 2026 North America

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen
Open session

World Congress 2026 North America

From Idea to Production with AI: Agentic Development in Practice

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Vibe Coding Accessibility

Karl Groves

Focused on actively fixing accessibility

Karl Groves