AR/VR Development with React

Creating virtual reality experiences using JavaScript

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.

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.

Making the experience more compelling with animation, 3D, and audio.

Making our VR application interactive.

Dissecting the the Hello World code; exposing core concepts.

Taking a first dip into VR development using familiar tools and syntax.

AWS Amplify recently added support augmented reality (AR) and virtual reality (VR) content within your applications.

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.

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.

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.

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.

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).

Playing around with ReactVR, part of research for my new React + D3 book and course.

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.

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.

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.

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!

Learn how to create more complex virtual reality projects with React VR

Learn a new framework for building immersive virtual reality experiences for the web: React VR.

In this course we will explore the possibilities to bring VR to the Web using React VR.

Create exciting 360 and VR experiences using React