WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
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 · World Congress 2024

1:33 min

Inside-out tracking and introducing mobile AR frameworks

rafek rafek · World Congress 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

More from World Congress 2021

Micro Frontends with Module Federation: Why and How? thumbnail
45:40
about 5 years ago

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

Data Science on Software Data thumbnail
48:10
about 5 years ago

Data Science on Software Data

Markus Harrer

The journey from developer to devops - what i've learnt along the way thumbnail
42:44
about 5 years ago

The journey from developer to devops - what i've learnt along the way

Liam Hurrel, Alireza Chegini

How Data is Shaping our Games thumbnail
43:30
about 5 years ago

How Data is Shaping our Games

Johanna Pirker

How to Build a Monetization Strategy Based on User's in-app Behavior thumbnail
38:59
about 5 years ago

How to Build a Monetization Strategy Based on User's in-app Behavior

Natalie Sieradzki

Angular <> Angular CDK - Awesomeness Combined thumbnail
35:49
about 5 years ago

Angular <> Angular CDK - Awesomeness Combined

Muhammad Ahsan Ayaz

Related videos

Hands-on React Native: From Zero to Hero thumbnail
39:42
LIVE • almost 5 years ago

Hands-on React Native: From Zero to Hero

Dmitry Vinnik

Building Better Apps with React Native thumbnail
23:09
World Congress 2025 • about 1 year ago

Building Better Apps with React Native

Marc Rousavy

Live Coding an Augmented Reality Game with WebXR thumbnail
44:30
World Congress 2021 • about 5 years ago

Live Coding an Augmented Reality Game with WebXR

Christian Grail

There's an app for that - on the role of cross platform development in the app development ecosystem thumbnail
35:09
LIVE • almost 5 years ago

There's an app for that - on the role of cross platform development in the app development ecosystem

Aleksandra Desmurs-Linczewska

AR Kit intro - placing 3D objects in a scene and interacting with them in real-time thumbnail
48:21
LIVE • over 5 years ago

AR Kit intro - placing 3D objects in a scene and interacting with them in real-time

Nermin Sehic

Apple Vision Pro: Proven Development Methods Meet the Latest Technology thumbnail
28:48
World Congress 2024 • about 2 years ago

Apple Vision Pro: Proven Development Methods Meet the Latest Technology

Mario Petricevic

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.