Intro to RxJs
OR: "Introduction to Observables"
OR: "WTF are Observables?"
Eran Schoellhorn
352 Inc.
About me
- Javascript Developer
- Wannabe Musician
- Family Man
Contact
@EranSchoellhorn
me@eran.sh
github.com/Swingline0
ASYNCHRONY
aka The First Mindfuck of JavaScript
function doSomething() {
// Does stuff
return computedThing;
}var mahDatas = doSomething();
// => undefined
Me
ASYNCHRONY
aka The First Mindfuck of JavaScript
function doSomething(callback) {
// Does stuff
return callback(computedThing);
}var mahDatas = doSomething(val => {
console.log(val)
});
Everything is async
- Application Lifecycle
- AJAX
- I/O
- Users
deal with it
- Callbacks
- Promises
- Fibers
- Async/Await
- Generator Functions
click
..... click
.............. click
.................... click
click
..... click
.............. click
.................... click
💥
💥
💥
💥
[click, click, click, click, etc.]
- Can be:
- Transformed
- Merged
- Paused
- and more...
Proposed, native JavaScript Feature
Observables are collections of events
ReactiveX
Language agnostic API definition for implementing Observables.
- Java
- JavaScript
- C#/C#(Unity)
- Scala
- Clojure
- C++
- Ruby
- Python
- Swift
- and more...
RxJS
- Collaborative Effort between Google, Microsoft, & Netflix
- Open Source (Apache v2)
- Works in browser or NodeJS
- Safari 7+, IE9+
1. BASICS
2. DEMO
3. ???
Tl;DR: RxJS
- Easier to write, read
- Turn Async events into steams
- Helps avoid memory leaks with teardowns
- Transform streams with Operators
- Stepping stone to FRP!
- Streams only become active when subscribed
FAT RED PIG
Le DEMO
RESOURCES
Angular 2 Workshop 11
By Tarun Sharma
Angular 2 Workshop 11
With observables and functional reactive programming popping up more and more from the ethos of web development, "WTF are Observables?" is a much needed introduction to observables, RxJS, and FRP to intermediate JavaScript developers. Combining fun examples and anecdotes, visitors leave this talk with everything they need to know to get started with RxJS and are invigorated to learn more and begin applying functional principles to their Javascript practice.
