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.

Ricardo Torres

April 21, 2017
Tweet

More Decks by Ricardo Torres

Other Decks in Programming

Transcript

  1. 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
  2. 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
  3. 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
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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?
  9. 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
  10. 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
  11. 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. R E A C T A N D R E

    D U X L O V E W E B A P I S