Updating Ember Models in Realtime with Sockets and RxJS

See how Showbie use RxJS in an existing Ember project to gain real-time service updates.

Slides with notes here: https://www.dropbox.com/s/107xgg0s7uiohtl/2017-01%20Updating%20Ember%20Models%20in%20Realtime%20with%20Sockets%20and%20Rx%20-%20Shared.pdf?dl=0

Transcript

1. Updating Ember in Real-time
3. CLASS DISCUSSION UI
4. THE PROBLEM WITH CLASS DISCUSSION
5. • Everything should be real-time… eventually • Connect to a live events socket • Receive a mixed feed of all subscribed events • Manually register for chat channels • Forced disconnection every minute Going Real-time SERVICE CONSTRAINTS
6. First Attempt
7. • Staying connected to a unpredictable service • Updating with messages sent while disconnected • Maintaining state on live chat channels • Logic for all event types lived in one service • Slowly building an app-wide state machine It Worked! But… KEY ISSUES
8. RxJS A complicated solution to a complicated problem!
9. RxJS A complicated solution to a complicated problem! “[…] transforms an observable sequence of observable sequences into an observable sequence producing values only from the most recent observable sequence.”
10. It’s Not as Bad as You Think™ RxJS
11. • Observers • Events • Bindings • Array functions • Promises RxJS IT’S MOSTLY STUFF YOU ALREADY KNOW
12. Staying Connected to a Unpredictable Service
13. STAYING CONNECTED TO A UNPREDICTABLE SERVICE
14. STAYING CONNECTED TO A UNPREDICTABLE SERVICE WITH RX
15. STAYING CONNECTED TO A UNPREDICTABLE SERVICE WITH RX
16. STAYING CONNECTED TO A UNPREDICTABLE SERVICE WITH RX
17. STAYING CONNECTED TO A UNPREDICTABLE SERVICE WITH RX
18. STAYING CONNECTED TO A UNPREDICTABLE SERVICE WITH RX http://rxmarbles.com/#zip
19. STAYING CONNECTED TO A UNPREDICTABLE SERVICE WITH RX
20. STAYING CONNECTED TO A UNPREDICTABLE SERVICE WITH RX
21. ANYONE FEELING LIKE THIS?
22. Me too! Let’s keep going!
23. Actually Updating a Model
24. ACTUALLY UPDATING A MODEL
25. ACTUALLY UPDATING A MODEL
28. ACTUALLY UPDATING A MODEL
29. ACTUALLY UPDATING A MODEL
30. MAINTAINING STATE ON LIVE CHAT CHANNELS