Download
Build virtual reality experiences with A-Frame and React. A-Frame is a web framework for building virtual reality experiences. Since A-Frame is built on top of the DOM, web libraries such as React, Vue.js, Angular, Ember.js, d3.js are able to sit cleanly on top of A-Frame. I recommend using vanilla A-Frame and aframe-state-component with static templating over aframe-react. React wastes a lot of cycles and incurs a lot of memory garbage. aframe-react is often abused where it is too easy to place 3D/real-time logic at the React layer, causing poor performance (e.g., doing React renders on ticks). aframe-react applications frequently ignore the prescribed ECS framework of A-Frame. Internally, React does tons of computation to compute what changed, and flushes it to the entire application. It is apparent React ecosystem does not care much about memory as most examples allocate functions and objects in the render method, and where immutables are popular.
Features
- A-Frame and aframe-react gives some viability for React to use in VR applications
- The value proposition of React is limited to the 2D Web
- Improve rendering performance for 2D web pages by reducing calls to the browser's 2D layout engine via the virtual DOM
- Provide an predictable application structure for large 2D web applications through a structured nesting of React components, data binding, and one-way data flow
- A-Frame and aframe-react gives meaning and purpose to React
- A-Frame provides an actual DOM for React to reconcile, diff, and bind to
Project Samples
