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

3:01 min

Evolution of cross-platform development with React Native and Flutter

Peter Steinberger · World Congress 2021

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

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
over 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
over 5 years ago

Angular <> Angular CDK - Awesomeness Combined

Muhammad Ahsan Ayaz

Upcoming sessions on this topic

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

ULTRON: Your Agent Has No Hands - Real-Time Voice, MCP, and Ten Phones on Stage

  • Sagar Tamang

    Two Spoon Technologies

    AI Engineer

Open session

Building World-Aware Physical AI with Agent Memory and Context Graphs

  • Vasundhara Shukla

    Neo4j

    Developer Advocate

  • Zaid Zaim

    Neo4j

    Developer Advocate | Microsoft AI MVP

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

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 • over 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.