DEV Community

Johnathon roy
Johnathon roy

Posted on

The requirement to create React VR apps

The only thing you need to make a React VR app is a headset and a compatible browser. If you are just viewing a web VR application then you don’t need even for a headset. React VR is a great framework to build VR websites or apps on JavaScript. It utilizes the same design as React Native and lets you make virtual reality tours and under interfaces with the provided components.

Technical Requirements

Before getting started with React VR, You required a proper setup for the dependencies that will be used to build and manage a React VR app. These are Node.js and the React VR CLI.

You need to install Node.js, ensure that the latest version is used. If not, do the following:

macOS: Install Node.js using Homebrew
Windows: Install it from the nodejs.org
Linux: Use sudo apt-get install nodejs command
Then you have to install the React VR CLI using npm:

1
npm install -g react-vr-cli.

Getting Started

Navigate to the directory where you wish to create a new project and run the react-vr init MyFirstReactVR command.

Change the directory name to something like MyFirstReactVR and run npm start .

Click and try to drag your cursor around. Also, in browsers that support WebVR, you’ll be able to explore this VR environment with a headset in full virtual reality mode.

VR Tour Sample Using React VR- https://codersera.com/blog/how-to-make-react-vr-apps-2/

Top comments (1)

Collapse
 
dance2die profile image
Sung M. Kim

Hey Johnathon.

This looks like a good post here. Can you share this in full on DEV?

DEV generally asks that folks share their posts in full if possible and there is tooling provided (dev.to/settings/publishing-from-rss) to make it so that it's relatively easy to repost from outside blogs.

Hope you'll consider sharing the full post going forward.