Reactylon: The React Framework for XR

Demos and projects
, ,
7

Hi there!

I’ve added over 100 code sandboxes to the documentation. Rather than just displaying static code and interactive examples, the goal is to enable immediate feedback and the ability to modify code, run it, and observe results in real-time in an isolated environment.

They can provide valuable insights for custom Webpack/TypeScript configurations, dependency injection, assets loading, environment variables, and can serve as golden paths not only for Reactylon but also for Babylon.js when used with a module bundler!

Next to each example, you’ll find the “Open in Stackblitz” button, which links directly to the sandbox.

For future reference, I’m sharing all the sandboxes, grouped by feature, here:

Code Sandboxes

Cameras

Lights

Meshes

Materials

2D GUI

3D GUI

Events

Animations

Advanced

Virtual Reality

Augmented/Mixed Reality

Extended Reality

Audio (v1)

Physics

Load Models

Grid Layout

However, please note that the code sandboxes currently do not support tree-shaking for the Babylon.js modules. This is due to Reactylon’s current lack of support for it. If you’re curious about the issue, there’s an interesting solo discussion in the GitHub issue: Enable tree shaking.

6 Likes