Init AFrame Lib and Include Bootstrap's source Sass and individual JavaScript plugins with Parcel by DECADE.TW w/TTUniversity.

Box = Position + Geometry + Material Light Bulb = Position + Light + Geometry + Material + Shadow Sign = Position + Geometry + Material + Text VR Controller = Position + Rotation + Input + Model + Grab + Gestures Ball = Position + Velocity + Physics + Geometry + Material Player = Position + Camera + Input + Avatar + Identity

accroding to react-aframe recommendtion. ==> 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. With only ~10ms per frame to do all computation, there is little room for React's massive system.

use to handle layout w/ whole HTML.

plan to use on multi-user with sam sense.

git clone https://github.com/xlinx/Aframe_Bootstrap.git
cd into folder
npm install
npm parcelX