Skip to content
Illustrated.dev logo
AboutResourcesFAQ

Building VR Apps with React360 Notes

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 is putting together an egghead course all about it.

Course illustration of objects in 3D space

So I've been sketching out notes on some of the basic concepts while watching his lessons.

VR apps with React 360

Let's us build 3D and VR apps on the web - without needing to learn crazy complex tools like WebGL. Instead we can just use React!

Uses 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 tag.

Add 3D models to your components with the Entity tag. We can apply CSS transforms to these.


The Full Sketchnote


The full React 360 sketchnote

Want to learn more? A high-res version of the sketchnote plus the full VR Applications Using React360 course will be out soon. Best to keep an eye on that page if it's a topic you're into.