Taelur Alexis - React 360: Creating 3D User Experiences with React

on YouTube ↗14m

" summary

React 360 turns React-style components into interactive WebVR scenes, with a runtime that maps View/Image/Text to 3D elements and relies on WebGL/three.js inspiration. Setup uses npm install -g react-360-cli, react-360 init YourProject, and npm start. Works well for 2D/3D UI, 360 tours and product previews but not for heavy shaders or complex WebGL effects. Demo shows a 3D Earth and Moon demo that pans and zooms, proving the pipeline is usable despite thin documentation.

AI-written summary · about

" chapters (8)

1. 0:00Intro
2. 1:35Why Learn WebVR
3. 2:42What happened to ReactVR
4. 4:25What can you build with it?
5. 7:34What is React 360 made of?
6. 8:13How Do We Spin It Up
7. 10:56How Do We Style It
8. 12:37For more resources

" related talks

• 33mReact360 - 2D to 3DShay Keinan · ReactiveConf 2018
• 08mBuild Virtual Reality with ReactHamza Haoui · React Summit Remote Edition 2020
• 22mIntroduction to ReactVR - because 2D is not good enough!Tomasz Łakomy · ReactJS Day 2017
• 29mJourney Through VR and AR with ReactTomasz Łakomy · You Gotta Love Frontend Conference 2018
• 31mIntroduction to ReactVRNik Graf · React Amsterdam 2017
• 37mCreating 3D Experiences with ReactSara Vieira · Frontend Nation 2024
• 32mReact A Romance of Many DimensionsMatt Hamil · React Boston 2018
• 24mGoodbye Flatland! An introduction to ReactVR and what it means for web developersMichaela Lehr · React Conf 2017