Angular2 Data Flow
summary
Claim: Angular2 moves core data flow to observables so forms, HTTP and websockets emit streams that are debounced, mapped and combined with Rx operators. It uses RxJS (Rx Next) plus Angular2 pipes and the async pipe unwraps observables in templates. The demo builds an investment manager with a typeahead and streaming D3 graphs where switchMap cancels previous requests and unsubscribe closes sockets. Metric: the reactive typeahead replaces many lines of timeout/request bookkeeping with about 26 lines and the live demo reconnects and works.
AI-written summary · about
chapters (18)
- 0:00Start
- 1:16Observable: Like a Promise of Many Values
- 2:40Observable - like an array, but async
- 3:24Observable Combinators
- 4:05Observable Subscription
- 7:54Typeahead - Search for Ticker Symbols
- 9:13Typeahead Classical Style - Throttle / Debounce
- 9:42Typeahead Classical Style - Response Order
- 10:48Inefficiency
- 12:32Angular 2 Forms: Control valueChanges
- 12:54Throttling
- 13:50Ticker Searcher
- 15:18a: Make Request
- 16:08Event Flow Step 3: FlatMap Request
- 17:11Event Flow Step 3: SwitchMap Request
- 18:16Bind to View
- 19:01Pipes - like Angular 1.x Filters
- 19:19Async Pipes
