Publishing with React VR

  • Posted on: 17 March 2017
  • By: davis

Here are some steps you might have overlooked when publishing your React VR project for the first time.

Here's my first finished project: http://daviseford.com/tcpi-react-vr/

1.) You have to upload the static_assets folder yourself - it's not included in the build folder.

2.) You need to modify your vr/build/index.html file to resemble this

<!-- When you're ready to deploy your app, update this line to point to your compiled client.bundle.js -->
    <script src="./build/client.bundle.js"></script>
    <script>
      // Initialize the React VR application
      ReactVR.init(
        // When you're ready to deploy your app, update this line to point to
        // your compiled index.bundle.js
        './build/index.bundle.js',
        // Attach it to the body tag
        document.body
      );
    </script>

3.) Seriously, pay careful attention to the index.html file

4.) If you've included any images using the source=require('img.png') style of import, you need to update those images with their URI's, like so

source={{uri: 'http://domain.com/your-image.png'}}

5.) Read the docs carefully - it's all there, but scattered all over the place.