Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React and Redux Love Web APIs

React and Redux Love Web APIs

A story about how we leveraged React and Redux + Web Audio API, Web Workers, WebSockets, TypedArrays and Streams to build a Live Commentary system for our live football matches at mycujoo.tv.

414738201197c2a837b986748c80e16e?s=128

Ricardo Torres

April 21, 2017
Tweet

More Decks by Ricardo Torres

Other Decks in Programming

Transcript

  1. React and Redux Love Web APIs Ricardo Torres mycujoo.tv

  2. None
  3. None
  4. None
  5. What we use R E A C T A N

    D R E D U X L O V E W E B A P I S
  6. R E A C T A N D R E

    D U X L O V E W E B A P I S How it works
  7. Football Live Commentary R E A C T A N

    D R E D U X L O V E W E B A P I S
  8. git init R E A C T A N D

    R E D U X L O V E W E B A P I S
  9. Media

  10. None
  11. WebRTC R E A C T A N D R

    E D U X L O V E W E B A P I S
  12. WebRTC + Safari =

  13. WebSocket + Web Audio R E A C T A

    N D R E D U X L O V E W E B A P I S
  14. Host

  15. Listener

  16. React ❤ R E A C T A N D

    R E D U X L O V E W E B A P I S
  17. None
  18. None
  19. How can we share this? R E A C T

    A N D R E D U X L O V E W E B A P I S Who needs Live Commentary?
  20. R E A C T A N D R E

    D U X L O V E W E B A P I S Live Podcast
  21. R E A C T A N D R E

    D U X L O V E W E B A P I S http://bit.ly/live-podcast
  22. R E A C T A N D R E

    D U X L O V E W E B A P I S
  23. R E A C T A N D R E

    D U X L O V E W E B A P I S
  24. Thanks✌ We're hiring! https://github.com/rictorres https://github.com/mycujoo