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

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