Understanding how 'Hubs by Mozilla' works

Understanding how 'Hubs by Mozilla' works

This talk was presented at the Mozilla Techspeakers annual meetup in September 2019, Amsterdam, The Netherlands.

03f41d96d545803e8bac115eb69e6aae?s=128

Srushtika Neelakantam

September 28, 2019
Tweet

Transcript

  1. Understanding how works Srushtika Neelakantam | Mozilla TSP meetup Amsterdam,

    September 2019
  2. Mozilla Hubs Spin up an instant (social) VR chat room

    out of the box Srushtika Neelakantam | Mozilla TSP meetup | Amsterdam, September 2019
  3. Srushtika Neelakantam | Mozilla TSP meetup | Amsterdam, September 2019

    Hubs by Mozilla • Built in React JS • Built with A-Frame • Extensively uses the NAF (Networked A-Frame) component
  4. Networked A-Frame (NAF) Developed by Hayden Lee Srushtika Neelakantam |

    Mozilla TSP meetup | Amsterdam, September 2019 https://www.npmjs.com/package/networked-aframe
  5. Data sharing on the web Srushtika Neelakantam | Mozilla TSP

    meetup | Amsterdam, September 2019 HTTP REST requests Long Polling REST requests WebSockets Realtime subscriptions
  6. Publish/Subscribe messaging pattern Source: Ably Realtime: https://www.ably.io Srushtika Neelakantam |

    Mozilla TSP meetup | Amsterdam, September 2019 Realtime messaging infrastructure
  7. Inside a networked component of the Mozilla Hubs project Srushtika

    Neelakantam | Mozilla TSP meetup | Amsterdam, September 2019 https://github.com/mozilla/hubs/blob/master/src/components/tools/networked-drawing.js
  8. Spinning up your own WebSockets server Some open-source options Srushtika

    Neelakantam | Mozilla TSP meetup | Amsterdam, September 2019 ws faye- websocket Socket Cluster Socket.io SockJS Websocketd
  9. NAF primarily implements Socket.io and EasyRTC Srushtika Neelakantam | Mozilla

    TSP meetup | Amsterdam, September 2019 https://github.com/networked-aframe/networked-aframe/blob/master/server/easyrtc-server.js
  10. Thankyou! If not Telegram, we can catch up on Twitter

    @Srushtika :)