AR/VR Development with React

Articles & Tutorials

Building AR apps in React Native, powered by GraphQL using Hasura (dev.to)
Jun 18, 2019
In this blog post, we will talk though not about how to embed Unity content into our React Native app, which is also possible, but develop simple AR experiences using React components. And we will do so with a framework called ViroReact.
  • Vladimir Novick
Introduction to React 360 (alligator.io)
Mar 07, 2019
Usage of React 360 is similar to that of React Native, it is a library that uses custom components and does not interface with the DOM as we know it.
  • Paul Halliday
React 360 by Example: Part 4 (codeburst.io)
Mar 02, 2019
Making the experience more compelling with animation, 3D, and audio.
  • John Tucker
React 360 by Example: Part 3 (codeburst.io)
Feb 27, 2019
Making our VR application interactive.
  • John Tucker
React 360 by Example: Part 2 (codeburst.io)
Feb 26, 2019
Dissecting the the Hello World code; exposing core concepts.
  • John Tucker
React 360 by Example: Part 1 (codeburst.io)
Feb 24, 2019
Taking a first dip into VR development using familiar tools and syntax.
  • John Tucker
Building AR & VR Experiences with React, Amazon Sumerian & AWS Amplify (hackernoon.com)
Oct 17, 2018
AWS Amplify recently added support augmented reality (AR) and virtual reality (VR) content within your applications.
React 360 replaces React VR for streamlined development focus (code.fb.com)
May 02, 2018
When we released React VR in April of 2017, our goal was to create a web-based framework that would enable developers to easily add interactivity to immersive content in order to create engaging experiences.
Bring Virtual Reality to Your Browser with React VR (medium.com)
Jan 24, 2018
In simple terms, ReactVR is a combination of React framework and WebVR API.
  • Mirosław Ciastek
Playing with React VR (hashrocket.com)
Aug 17, 2017
The React concept of "Learn once, write anywhere" is virtually real, I mean, it is real!
  • Gabriel Reis
Prototyping with React VR (medium.com)
Aug 02, 2017
A long history with React on Web and Native led to a very natural exploration in the Virtual space. We would love to tell you about it!

Video Guides & Talks

Rapid Cross-Platform AR Development with React Native (youtube.com)
Jul 03, 2019
We'll take a brief look at what AR is and how it works, and then take a deep dive into Viro and everything it provides to get you moving rapidly with AR development. We'll focus on a few very interesting pieces that Viro provides, such as 3D models, portals, image recognition, and real life object recognition.
  • Alex Hinson
ARKit in React Native with Expo and THREE.js (youtube.com)
Jan 28, 2019
In this tutorial we will be creating a 3D ARKit app that works on iOS with React Native. We'll use expo-three & expo-graphics to write WebGL code on mobile.
Virtual Reality on the Web with React 360 (youtube.com)
Dec 21, 2018
This will be an interactive talk showing how to use React 360 (formerly React VR) to create immersive web experiences. We'll also discuss the state and future of virtual reality on the web.
  • Veekas Shrivastava
Immersive cross-platform AR & VR User Experiences (youtube.com)
Dec 19, 2018
The aim of Talk is to inspire attendees to create immersive, lag free cross-platform content using ViroReact. The talk tries to optimize the complex pathway to learn AR/VR into a linear one by laying the foundation of basic principles of AR/VR UIs and Illusions(Plausibility, Place & Embodiment).
  • Pulkit Kakkar
Live: Trying out ReactVR for 3D dataviz (youtube.com)
Aug 03, 2018
Playing around with ReactVR, part of research for my new React + D3 book and course.
React Native VR + AR Made Simple (youtube.com)
May 06, 2018
In this talk, I will quickly go over how to get up and running with the framework and demo an app that allows user to upload images from the conference into a virtual room, as well as walk around and interact with them in Augmented Reality.
Augmented Reality With React Native — a Medium Worth To Bridge? (youtube.com)
Dec 19, 2017
Since Apple and Google have introduced ARKit and ARCore respectively, the excitement for easy access to Augmented Reality (AR) on everyday mobile devices is exploding. So let’s take a look of how we can marry this new medium with React Native in the most efficient way. We head dive into AR by understanding our UX goals with an interactive AR stage demo (so bring your device!), identify implementation paths as well as existing and new libraries.
  • Dino Scheidt
Introduction to ReactVR (youtube.com)
May 14, 2017
Many web developers haven’t explored WebVR yet. Building 3D Worlds was an intimidating endeavour. Especially with ReactVR there is no reason for that anymore. The talk kicks off with the basics of WebVR, shows how to build and navigate rooms using panos in ReactVR. Next it shows how to create a couple 3D meshes and how put together a small world using them.

Courses & Video Series

VR Applications using React 360 (egghead.io)
Jun 25, 2019
In this course, Tomasz Łakomy will show you how to use React 360 to create amazing 3D and VR experiences. You’ll build on your React foundation, using the component formatting you already know, and push it to another dimension to create web apps that can be enjoyed across mobile, desktop, and VR headsets. And you won’t need to use crazy complex tools like WebGL to do it — just React!
  • Tomasz Łakomy
React VR: Interactive Multimedia (lynda.com)
Jan 30, 2018
Learn how to create more complex virtual reality projects with React VR
Learning React VR (lynda.com)
Oct 09, 2017
Learn a new framework for building immersive virtual reality experiences for the web: React VR.
Build Virtual Reality Experiences Using React VR (egghead.io)
Aug 26, 2017
In this course we will explore the possibilities to bring VR to the Web using React VR.

Libraries

react-360 (facebook.github.io)6968
v1.1.0
Feb 15, 2019
Create exciting 360 and VR experiences using React