brianzinn

Create React App + BabylonJS

Recommended Posts

With the recently added NPM support added in 3.1.0alpha3.4 and some popular React ES6/Typescript starter kits being deprecated in favour of CRA (https://github.com/facebookincubator/create-react-app), I wanted to finally try out importing GUI with CRA + TypeScript.  Thought I would put up a repo for anybody interested.

Here is the demo:
https://brianzinn.github.io/create-react-app-typescript-babylonjs/
Source:
https://brianzinn.github.io/create-react-app-typescript-babylonjs/
Source for page with BabylonJS:
https://github.com/brianzinn/create-react-app-typescript-babylonjs/blob/master/babylonjs-site/src/containers/home/index.tsx

So, it's pretty straightforward from the docs (http://doc.babylonjs.com/overviews/npm_support), but also in practice turned out quite fast to get started.

 

Share this post


Link to post
Share on other sites

I added a page in the doc.  It shows all the code to create a component that integrates BabylonJS into a ReactJS site.  It doesn't feel right to link to my own github repo from the tutorial, but otherwise the tutorial would get quite large explaining many more concepts. Feel free to remove those links, though.  Let me know if you want anything changed and I could update statics.json as well - title can follow along the lines of the Ionic Tutorial, so maybe just "BabylonJS in a ReactJS site".
 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.