Example of common RxJs patterns presented in a playful way - Decode and encode morse codes
Find the final code online at angular-morse-code-example
Using RxJs to process streams in real-time. In this talk you will get an overview of Reactive-Extensions and see it's usage in a live-coding session.
First you will get an introduction into Rx and it's history. After covering the basic concepts and terminologies we will get better understanding of observables and learn how to use marble-diagrams for documentation.
In the live-coding session I create a morse-code generator to demonstrate real-time stream processing in a playful way. You will get basic knowledge in mosing and alot more over RX.
I will show you:
After the session you will have enough knowledge to start using Rx in any language not only in javascript.
RxJs in 2 sentences, inventor, story of the idea, technical explanation,
name, interests, background of the example, what my bussines is
buildingg blocks aof marble diagrams, examples, show rxmarbles
Generate timestamps for start and end of sending a signal Calculate duration of moude down and up Transform to character Transform to symbol Transform to letter
buttom and display functionality, connection of service to components
In the livecoding session we will create following code in the service class which basically contains all Rx
logic
And this code for the visualisation in the component
Subjects, exposing, usage of display
combineLatest, map and filter operator
window, flatmap, map and filer operator
filter, switchMap and catch operator
.switchMap, timer and take operator