mukundraj / directed-graph-vis

This project was bootstrapped with Create React App (CRA) v4 and then babylonjs-react was added. For TypeScript

npx create-react-app your-babylonjs-app --template typescript

Add babylonjs dependencies:

yarn add react-babylonjs
yarn add @babylonjs/core
yarn add @babylonjs/gui
# loaders are optional
yarn add @babylonjs/loaders

All of the code for the site is in /src/App.tsx

In the project directory, you can run:

npm start / yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

View live demo

Startup notes

Install typescript

npm install typescript --save-dev

Install dependencies

npm install

Start server

npm start

To see typescript version

npx tsc --version

References

• Project structure https://www.taniarascia.com/react-architecture-directory-structure/