Publishing with React VR

17 Mar 2017

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/

Here’s my VR resume

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

Related Posts