Open drubio1989 opened 5 years ago
If you want to integrate another site. Please, read this article.
That's it!
Hey @Nyamkhuub, I appreciate you helping me this time around (hope the tshirt project is going well) but I don't think you read my question carefully :). I've quoted directly from the article you've provided but my problem is that the documentation is vague as to what files to place where.
Have you successfully integrated react 360 in another JS framework? I want to try to add my 360 code in a basic react create-react-app template but I don't know exactly where to run my code.
@drubio1989 My fault sorry about that. I see your problem. But I haven't integrated project. sorry, I can't help you. Perhaps, any experts will help you.
Would this not be a use case for a react portal? similar to a modal, you would have a trigger (button) that would take the user to the 360 view--assuming the appropriate files are moved over.
@Mtliendo I was thinking the same thing
I was wondering the same over here ! I would like to see an example of React 360 used in a create-react-app project and NOT being displayed full screen (thanks to
Hey guys any update on this? I am looking to integrate through the iframe but keep receiving errors saying React360 not defined in the index.html file although when i open the vr application in the /index.html it runs fine. Just a little confused on how to make this work. Do I put this in another html file and but the iframe there?
Hi, anything new on this issue? It would be great to start from a standard react project boilerplate (From create-react-app)
Hello Guys! Anything new on this issue? I'm having the exact same problem...
Im in the same situation 😪
Hey everyone. Here is the solution to add a react 360 app to a normal react app.
1). Create a react 360 app and a normal react 360 app 2). Add this to the normal react app 3). Start both the react 360 app and the react app together.
You should see the following
A student of mine came up with this simple solution.
Thanks for helping! But, I'm actually looking for an easier way to manipulate the 360 app from the normal react app (is that clear?). I mean, clicking some Button element and rendering something in the 360 environment.
Oh I see, unfortunately I don't know how to do that. That sounds like a tricky process to attempt.
I appreciate your help anyway, gonna keep on looking for a solution. Thanks!
any update on this?
I want to have a full page 360 app after the user logged in on my react app. Is there anyone who can help me please?
I'm currently using the three.js lib for React in my project. It works really well and is a lot more customizable than React 360, may work for you. https://threejs.org/ https://github.com/react-spring/react-three-fiber
@giovaniif BRO! You are a savior! Thanks a lot!
Description
I need clarification to integrating react 360 into a larger application. For example, what files do I need to place in create-react-app? The documentation is not specific as to what to place where?
Reproduction
I have a fresh create-react-app folder structure:
The following are quotes from the documentation:
My issue is WHERE exactly do I place the client.js code in the application. Does it go in the src folder? In public? in its own separate folder?
What about my index.js file? Where exactly do I place that file? Can I copy the contents of the index.js file and incoporate it into create-react-app's index.js file? It's not clear to me how that works.
Do I need to create a separate div to attach?
This is what create-react-app attaches to
<div id="root"></div>
. How do I get my react 360 code to attach to that? Or do I need to create a separate attachment div inside of that one like the following?Also, what is meant by this quote:
What does this entail exactly? Do I have to install the packages in create-react-app for react 360?
Solution
A concrete example of what files go where or a series of steps would be helpful.