MS는 Rx를 왜 만들었을까?

track2 04. MS는 Rx를 왜 만들었을까? feat. RxJS/ 네이버, 김훈민

행사 사진 : https://goo.gl/LB6eEp Backend - Play WebSocket: https://github.com/Kevin-Lee/napucon2016-weather-app Frontend - Elm WebSocket: https://github.com/Kevin-Lee/napucon2016-weather-client

https://www.youtube.com/watch?v=3FKlYO4okts

Rx

Rx를 지탱하는 핵심 키워드 3가지

1. Reactive Programming

2. LINQ to Events (Language INtergrated Query - 통합질의 언어)

3. Scheduler

Reactive Programming

LINQ to Events (Language INtergrated Query - 통합질의 언어)

// Quert syntax:
IEnumerable<int> numQuery1 = 
	from num in numbers
	where num % 2 == 0
	orderby num
	select num;

// Method syntax:
IEnumerable<int> numQuery2 = numbers
	.Where(num => num % 2 ==0)
	.OrderBy(n => n)

const targetElement = document.getElementById('dragElement');
const drag$ = Rx.Observable
	.fromEvent(targetElement, 'mouseup');

const targetElement = document.getElementById('dragElement');
const drag$ = Rx.Observable
	.fromEvent(targetElement, 'mouseup');

drag$
	.flatMap(ev => ({
		startX: ev.pageX,
		startY: ev.pageY
	}));

const targetElement = document.getElementById('dragElement');
const drag$ = Rx.Observable
	.fromEvent(targetElement, 'mouseup');
	
drag$
	.flatMap(ev => ({
		startX: ev.pageX,
		startY: ev.pageY
	}));
	
drag$.subscribe(pos => {
	console.log(pos);
});

Scheduler