Angular 2 (Angular 4) - Observables and rxJS

Опубликовано: 07 Февраль 2017
на канале: Lyrad Digital
6,910
53

Angular 2 (Angular 4) - Observables and rxJS

In this video we look at Observables in Angular 2, and where the idea comes from. I speak briefly on Reactive programming and how data is perceived as streams, how the observable model in rxJS uses delayed execution using LINQ.

To read more on reactive programming see the following 2 links:-

https://en.wikipedia.org/wiki/Reactiv...
https://xgrommx.github.io/rx-book/con...

Here a few more links of interest:-

Observer pattern: https://en.wikipedia.org/wiki/Observe...
LINQ: https://en.wikipedia.org/wiki/Languag...

To follow along with this video clone the following git url for the angular 2 app and checkout the "promises-webserver" branch :-

https://github.com/lyraddigital/httpC...

To see the final result of this video, checkout the "basicRxJS" branch of the above repository for the angular app, and for the node server clone the following git repository.

https://github.com/lyraddigital/httpC...

For any questions regarding this tutorial, the git repositories or anything else, do not hesitate to contact me here on YouTube, or you can also email me at [email protected].

You can follow me on twitter at:   / dduckmanton82  
You can also follow my business account at:   / lyraddigital  
You can also follow my business account on Facebook at:   / lyraddigital  

I publish an article every now and then on LinkedIn as well. So connect with me on LinkedIn at:   / daryl-duckmanton-4478a14a  

Watch all my other videos in this series:-

Part 1 - Introduction and the CLI:    • Angular 2 (Angular 4) - Introduction ...  
Part 2 - Angular Module Basics:    • Angular 2 (Angular 4) - Angular Modul...  
Part 3 - Multiple Angular Modules:    • Angular 2 (Angular 4)  - Multiple Ang...  
Part 4 - Shared Angular Modules:    • Angular 2 (Angular 4)  - Shared Angul...  
Part 5 - Eagerly and Lazily Loading Modules:    • Angular 2 (Angular 4)  - Eagerly and ...  
Part 6 - Basic App Component and Presentation:    • Angular 2 (Angular 4)  - Basic App Co...  
Part 7 - App Component bindings:    • Angular 2 (Angular 4) - Component bin...  
Part 8 - Attribute binding and the main navigation:    • Angular 2 (Angular 4) - Attribute bin...  
Part 9 - Basic Form and Dual Binding:    • Angular 2 (Angular 4)  - Two Way Binding  
Part 10 - Registration Form Part 1:    • Angular 2 (Angular 4)  - Creating Forms  
Part 11 - Registration Form Part 2:    • Angular 2 (Angular 4)  - Dynamic Form...  
Part 12 - Registration Form Part 3:    • Angular 2 (Angular 4) - Form Validation  
Part 13 - Registration Form Part 4:    • Angular 2 (Angular 4) - Form Validati...  
Part 14- Registration Form Part 5:    • Angular 2 (Angular 4) - Reactive Forms  
Part 15 - Structural Directives:    • Angular 2 (Angular 4) - Structural Di...  
Part 16 - Dynamic Forms:    • Angular Dynamic Forms (Angular 7) pre...  
Part 17 - Lifecycle Hooks Part 1:    • Angular 2 (Angular 4) - Lifecycle Hoo...  
Part 18 - Lifecycle Hooks Part 2:    • Angular 2 (Angular 4) - Lifecycle Hoo...  
Part 19 - Lifecycle Hooks Part 3:    • Angular 2 (Angular 4) - Lifecycle Hoo...  
Part 19.5 - Lifecycle Hooks Part 3 Cont:    • Angular 2 (Angular 4) - Lifecycle Hooks  
Part 20 - Lifecycle Hooks Part 4:    • Video  
Part 21 - Services and Promises:    • Angular 2 (Angular 4) - Services and ...  
Part 22 - HttpClient and the In Memory Web API:    • Angular 2 (Angular 4) - Http Client a...  
Part 23 - A Node Webserver API:    • Angular 2 (Angular 4) - A Node Webser...