{"id":338694,"date":"2017-04-19T03:30:44","date_gmt":"2017-04-18T19:30:44","guid":{"rendered":"http:\/\/techcrunch.com\/?p=1477792"},"modified":"2017-04-19T03:30:44","modified_gmt":"2017-04-18T19:30:44","slug":"facebook-launches-react-vr-a-new-javascript-framework-for-building-basic-vr-apps","status":"publish","type":"post","link":"https:\/\/people.utm.my\/asmawisham\/facebook-launches-react-vr-a-new-javascript-framework-for-building-basic-vr-apps\/","title":{"rendered":"Facebook launches React VR, a new JavaScript framework for building basic VR apps"},"content":{"rendered":"

<\/p>\n

At its F8 developer conference, Facebook today announced<\/a> the launch of React VR<\/a>, a new JavaScript framework that lets developers build virtual reality experiences with the help of\u00a0JavaScript. As its name implies, React VR takes its cues from Facebook\u2019s existing React framework; just like with React for standard web apps, VR developers can now use the same\u00a0declarative model to write apps for their 360-degree experiences.<\/p>\n

Unsurprisingly, React VR uses existing web technologies like WebGL and WebVR to power the experience and interact with the various sensors in them.\u00a0It\u2019s worth noting that\u00a0the focus here isn\u2019t (yet?) on building complex VR\u00a0games\u00a0and other experiences. While you can add 3D models, the main idea here is to allow developers to easily combine 360 panoramas with 2D user interfaces, text and images.<\/p>\n

\"\"<\/a>Anybody with experience in building React apps should be able to build React VR apps pretty easily (and those developers will also be able to leverage many of the existing\u00a0tools in the React ecosystem).<\/p>\n

Even more so than mobile apps, VR apps need to be rendered at 60 frames per second (or, ideally, even faster). Because React Native already addressed many of the issues that typically make this hard to do with a JavaScript app, the team was able to get the right amount of performance to make\u00a0React VR applications fast enough, too.<\/p>\n

The code of React VR is now available on GitHub<\/a>\u00a0and, if you want to play with it, you also can find the documentation here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

\"\" Facebook today announced the launch of React VR, a new JavaScript framework that lets developers build virtual reality experiences with the help of JavaScript. React VR takes its cues from Facebook’s existing React framework; just like with React for standard web apps, VR developers can now use the same declarative model to write apps for their 360-degree experiences. Read More<\/a><\/p>\n

\n<\/img><\/a> <\/img><\/a> <\/img><\/a> <\/img><\/a> <\/img><\/a> <\/img><\/a>\n<\/div>\n

\"\"\/ <\/p>\n","protected":false},"author":5817,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[25],"tags":[59,66,26],"class_list":["post-338694","post","type-post","status-publish","format-standard","hentry","category-technology","tag-media","tag-techcrunch","tag-technology"],"_links":{"self":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts\/338694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/users\/5817"}],"replies":[{"embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/comments?post=338694"}],"version-history":[{"count":0,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts\/338694\/revisions"}],"wp:attachment":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/media?parent=338694"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/categories?post=338694"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/tags?post=338694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}