React VR: Difference between revisions - VR & AR Wiki - Virtual Reality & Augmented Reality Wiki

Line 8:

}}

In April, this year, Facebook made an important announcement during the F8 Developer Conference. The social media giant launched React VR, that’s modeled on its existing React framework. React VR is a JavaScript framework that enables development of virtual reality experiences. The declarative model that is used in React can be adopted in the React VR framework to create content for 360-degree experiences.

In April, this year, [[Facebook]] made an important announcement during the [[F8]] Developer Conference. The social media giant launched React VR, that’s modeled on its existing React framework. React VR is a JavaScript framework that enables development of virtual reality experiences. The declarative model that is used in React can be adopted in the React VR framework to create content for 360-degree experiences.

==React VR - Finding Its Footing in the Virtual Reality Space==

Facebook isn’t troubling itself with the larger goals of creating complex virtual reality apps, games, and experiences. Its initial objective seems to be to allow developers mix 360-degree panoramas with images, texts, and interfaces that are in 2D. It’s also not surprising, that Facebook has decided to tap existing technologies such as WebVR and WebGL. Developers can access the virtual reality devices that are on the web using the WebVR API. Without using any plug-ins, developers can render 3D graphics in any compatible browser using the WebGL API (Web Graphics Library API).

Facebook isn’t troubling itself with the larger goals of creating complex virtual reality apps, games, and experiences. Its initial objective seems to be to allow developers mix 360-degree panoramas with images, texts, and interfaces that are in 2D. It’s also not surprising, that Facebook has decided to tap existing technologies such as [[WebVR]] and [[WebGL]]. Developers can access the virtual reality devices that are on the web using the WebVR API. Without using any plug-ins, developers can render 3D graphics in any compatible browser using the WebGL API (Web Graphics Library API).

Since React VR mimics React JaveScript Framework for the most part, developers who have previous experience of building React apps will have no trouble creating virtual reality experiences using Facebook’s React VR.

By now it must have become clear to everyone that React VR didn’t come out of the blue. It has seen a layered progress involving React, React Native, and React VR. What began as a framework to facilitate easy development for the web has evolved and is now trying to find its footings in the virtual reality space. Even with React VR, Facebook is making every effect to keep focus on simplicity – a trait that has worked so well for React and React Native.

By now it must have become clear to everyone that React VR didn’t come out of the blue. It has seen a layered progress involving React, React Native, and React VR. What began as a framework to facilitate easy development for the web has evolved and is now trying to find its footings in the virtual reality space. Even with React VR, Facebook is making every effect to keep focus on simplicity – a trait that has worked so well for [[React]] and [[React Native]].

==Describing the Three React JavaScript Frameworks==

React: The earliest of the three that offers development framework for the creation of browser-based web applications.

React Native: React Native evolved from the React framework. It enables the development of native apps for Android and iOS through native components.

React Native: React Native evolved from the React framework. It enables the development of native apps for [[Android]] and [[iOS]] through native components.

React VR: The latest incarnation of the Facebook’s JavaScript Framework that gives developers the necessary tools and platform to create applications in virtual reality. With the help of the <iframe> tag, it’s possible to embed React VR into already existing VR apps.

Line 27:

There is a good reason why the React VR JavaScript Library is built on the React Native framework, instead of just borrowing some of its concepts.

Using JavaScript to build a framework for the virtual reality arena wasn’t easy. It came with its own set of challenges. For example, the wearer of the VR headset must be able to view the surrounding environment at 60 fps. In the case of Rift, this increases to 90 fps (frames per second). When Facebook was working on the JaveScript framework for virtual reality, they had to take care of the scene update problem. Within the span of a single frame the scene updates had to happen. Fortunately, the React Native architecture offered a ready solution to this problem.

Using JavaScript to build a framework for the virtual reality arena wasn’t easy. It came with its own set of challenges. For example, the wearer of the VR headset must be able to view the surrounding environment at 60 fps. In the case of [[Rift]], this increases to 90 fps (frames per second). When Facebook was working on the JaveScript framework for virtual reality, they had to take care of the scene update problem. Within the span of a single frame the scene updates had to happen. Fortunately, the React Native architecture offered a ready solution to this problem.

==The Salient Features of the React VR Framework==