This site runs best with JavaScript enabled.

Building VR Apps with React360

Last tended on May 14, 2019
šŸŒ± Evergreen


3D objects flying out of a browser

Turns out you can build almost anything in React now... including VR and AR apps inside a web browser.

There's a version of React called React 360 that simplifies the otherwise niche and overly-complex challenge of making things fly around in virtual 3D space.

Tomasz Lakomy made an entire egghead course that walks you through building VR Applications Using React 360.

Course illustration of objects in 3D space

Here's all my illustrated notes on the material.


VR apps with React 360Let's us build 3D and VR apps on the web - without needing to learn crazy complex tools like WebGL. Instead we can just use ReactUses flexbox for layouts. On the web it flexes across rows by default. But in VR it flexes downwards in a stacked columns. To add CSS styles to our views, we make a special React 360 stylesheet and then we pass them to the style tagAdd 3D models to your components with the Entity tag. We can apply CSS transforms to theseThe full React 360 illustrated note

Want more illustrated notes on web development?

Take a look at Building Custom React Hooks, Speaking the GraphQL Query Language or What the Fork is React Suspense?

Want to share?

Join the newsletter

For weekly notes on visual thinking, ethical technology, and cultural anthropology.

Maggie Appleton Ā© 2020