Fullstack React: React and WebVR using A-Frame

React and WebVR using A-Frame  #ReactJS #WebVR

  • Today we are going to learn how to create a simple augmented reality experience using a library called A-Frame and React.
  • We are going to take what I learned from that and create a relatively simple application that takes an equirectangle image and use it as our back drop for the beginnings of a virtual experience.
  • A-Frame is a web framework used to build virtual reality experiences built on top of technologies like three.js and the WebVR API The Mozilla VR Team developed it as a fully open project.
  • We now need to import A-Frame into our React component and then add our first tag, the scene.
  • Update the render function of your component by adding some entities: – – A-Frame gives you access to a lot of primitive entities out of the box so we can add a sphere by just using the tag.

Editor’s Note: We are excited to have a guest blogger on our blog for this article! Jordan Papeleo is a technologist, programmer, and code mentor who has deep passions about growing developers, his community, his faith, and his mustache.
Continue reading “Fullstack React: React and WebVR using A-Frame”

We’re ready for your Lightning Talks submissions – React Day Berlin – Medium

You still have a chance to join our speakers on stage:  #ReactJS

  • We’re ready for your Lightning Talks submissionsReact Day Berlin forecast: 🌩 A chance of snow and thunderous applauseReact developers sometimes have to deal with tough situations, but making small talk with your fellow geeks has never been one of them.
  • Do you have a project you’d like to discuss with / pitch to an audience but a full talk would be too much for now?
  • React Day Berlin is ready for you, anyway.📩 Submit your Lightning TalkAs always, all winning speakers will get to attend React Day Berlin for free.
  • We’ll pick 4 of all proposals that’ll make the most sense in our lineup.Local developers and React newbies are especially welcome to submit.
  • In case you need help figuring out and fine-tuning your talk, we’re here for you.Each talk is limited to 5–7 minutes without QA.All winning proposals will be published on our website and here on Medium and also promoted through our social channels.Talks are subject to the Berlin Code of Conduct….

React developers sometimes have to deal with tough situations, but making small talk with your fellow geeks has never been one of them. Well, there’s no need to discuss the weather when the scene is…
Continue reading “We’re ready for your Lightning Talks submissions – React Day Berlin – Medium”

We’re ready for your Lightning Talks submissions – React Day Berlin – Medium

We're ready for your 🌩 Lightning Talks submissions!  #ReactJS #ReactDayBerlin

  • We’re ready for your Lightning Talks submissionsReact Day Berlin forecast: 🌩 A chance of snow and thunderous applauseReact developers sometimes have to deal with tough situations, but making small talk with your fellow geeks has never been one of them.
  • Do you have a project you’d like to discuss with / pitch to an audience but a full talk would be too much for now?
  • React Day Berlin is ready for you, anyway.📩 Submit your Lightning TalkAs always, all winning speakers will get to attend React Day Berlin for free.
  • We’ll pick 4 of all proposals that’ll make the most sense in our lineup.Local developers and React newbies are especially welcome to submit.
  • In case you need help figuring out and fine-tuning your talk, we’re here for you.Each talk is limited to 5–7 minutes without QA.All winning proposals will be published on our website and here on Medium and also promoted through our social channels.Talks are subject to the Berlin Code of Conduct….

React developers sometimes have to deal with tough situations, but making small talk with your fellow geeks has never been one of them. Well, there’s no need to discuss the weather when the scene is…
Continue reading “We’re ready for your Lightning Talks submissions – React Day Berlin – Medium”