Create React App Babylonjs

Overview

Starter Kit react-babylonjs aims to provide a flexible integration of React and BabylonJS, allowing developers to choose between declarative or imperative programming styles or use a combination of both. It serves as a sample project to help users get started and showcases how to integrate with other libraries like Redux using a few examples.

Features

• Declarative Programming: Allows for a purely React Components-based approach with zero code.
• BabylonJS HMR: Provides the ability to load 3D models with zero code, with optional state and props flow.
• Code-only Flexibility: Enables developers to create custom scenes and control the runRenderLoop() logic, bypassing the declarative Components except for the Scene.

Installation

If you are cloning the repository, you only need the following dependencies:

• npm install

If you are starting a fresh Create React App, you should only need the following dependencies:

• npm install

If you are using the BabylonJS GUI components, you will need the following peer dependencies:

• npm install @babylonjs/gui
• npm install @babylonjs/loaders

Summary

Starter Kit react-babylonjs provides an unopinionated approach to integrate React and BabylonJS, offering flexibility in programming styles while also allowing for a combination of declarative and imperative approaches. It can be installed easily and provides various features such as declarative programming, loading 3D models with zero code, and flexibility to customize scenes and logic. With its focus on integration with other libraries like Redux, react-babylonjs serves as a helpful starting point for developers interested in combining React and BabylonJS.