What is Observable | Observables | Angular 12+

In this lecture you will learn what an Observable is and where and when to use it. An observable is not native to angular or JavaScript. It is provided by yet another JavaScript library - RxJS.
We use Observables to deal with asynchronous operations and asynchronous data. In this lecture you will learn:
1. What is an Observable?
2. Difference between a Promise and an Observable
3. How to create an Observable?
4. How to use the data emitted by an Observable.

[@user-lh4sb2kr3m]

Your explanation of the differences between promises and observables is outstanding and unrivaled.

[@srivastavashivam949]

This guy really explained observable while everybody else just explains difference between observable and promise and move on. Kudos. Subscribed

[@VimalKumar-ve7pz]

Perfect example. Amazing. I have been searching for this answer. Now I became a observer for this channel :)

[@kumarjitmaity9378]

This is one of the best videos on observables I have seen.

[@Avinash-P.]

True 💯

[@rksCraze]

Very true😊

[@vaishnavik8221]

I have watched so many videos and visited so many websites, but none of them provide the clarity of this concept. Thank you so much...

[@windz643]

This is the first video were I properly understood what an Observale is

[@chaswards]

Great tutorial! I think you explained everything well and I liked how you did a little review of async JS. I'll definitely have to check out more of your videos

[@shubhambhamare7551]

This is the best explanation of observables as it removes the confusion between promises and observable. this video also answers most of the basic interview question on observables.

[@prashanthm1986]

Hello sir .my mind is blown by your calm explanation. Thank you its a very good tutorial .i am watching your angular full series .whaterver the concepts i was expecting all of those are here.i am happy .keep up the good work.

[@Avinash-P.]

Watched content from this channel for the first time, #SUBSCRIBED TO THE CHANNEL

[@pentoxide2465]

So wonderful explanation about oveservables which I used for a while but still didn't know the details. Thank you again!!

[@suleymanyalman8077]

excellent explanation. l am really thankful to you . you save my time. also wanna tell you very important point about your speech. you have a very calm explanation and this help us to take notes and to digest the knowledge. do not change this style, this style carries you to success

[@diveshrajput572]

Wonderful lecture ,clear the whole concept. Thank you so much ,for this amazing series.

[@teminoah2960]

Your understanding of this is akin to the creators of the concept. Learnt many things in few minutes Grand master,Fantastic 👏

[@justacuriousgirl]

The best thing about this course is creating separate project for separate concepts so it's easier to understand and practice if we want to brush up one particular concept. Amazing vidoes. Thanks a lot

[@atulram8206]

One of the best video on observables that one can get

[@abhilabdas]

Nicely explained! Thank a tonn man

[@rhdgghjygvg7229]

Great class 👍👍, thank you for explaining so clearly so any one can follow

[@nafaka2670]

You explained THE POINT! Thank you a lot!

[@swatirathore-cj3kf]

This is one of the best videos on observables I have seen. kudos

[@nikhiltrash1831]

Very clear and concise explanation. Thank you !!!

[@marcolupo2519]

Was really confused about observables, this video was amazing at explaning it in a simple way. Thank you!

[@lakshithakanchana6155]

Great job. Your teaching skill is awesome!!! Good luck!!!

[@LUITEN1]

I really liked the explanation! Thanks a lot!

[@ushapugazhenthi7811]

Great Explanation, happy I got this video, thank you

[@laxregula9007]

Pretty clear explanation, awesome!

[@miroslavpurtik1759]

Perfect explanation!

[@rksCraze]

Very well explained Sir ji..all my doubts clear. Also got subscribed. My unfortunate that found this channel late.

[@suvishnayada4685]

Very clear and helpful !! Thanks you

[@meilyn22]

Best teacher on youtube. I watched a previous video on observables and couldn't understand anything. This video explained things clearly. Thanks.

[@ajithk.s7848]

Superb explanation 👌

[@akumpum]

Very clear and very useful... thanks

[@chanduBoddu]

Great video

[@prateekjaiswal8045]

Nicely explained

[@mainmansentertainment]

Excellent explanation.

[@sarojpanda1240]

Excellent explanation !!!

[@abdullahtb6456]

nice explanation, keep working

[@janaelmourad9681]

great one thank u

[@hamzanouh9153]

you really deserve 100k subscribers

[@awaraamin6850]

Well explained! Thank you

[@midhunp7718]

Best explanation

[@irohits4019]

Excellent drill on observable..

[@user-xi6pt5ku2z]

beautiful explaination

[@dmcfabbulous]

ty, this was an amazing video

[@BetulKaplan]

great explanation!

[@sarojsharma-ch9ox]

well explained

[@abhishekjadhav9289]

Sir I want fetch the data from data service once and use that data across all components. But I want to persist this data in run time without using NgRX or local storage. What options do you recommend in this scenario ? Thanks in advance.

[@XOALAH]

Your way of explaining is great in my opinion. You explain what, why, how to. Most importantly you know there are similar concepts, in this case it is Promise. You compare to point out the differences. I want to know why not compare with Async Await too??? Means in Angular we can’t use?

[@procademy]

First of all thank you very much :). Angular is a JavaScript framework...so you can use all the concepts of JavaScript in Angular, including async / await. But since the basic requirement of learning angular is to have basic knowledge of JavaScript, i assume that viewers are already aware of the concepts of JavaScript like promises, async / await etc. So, i try to cover only those topics which is related to Angular, unless it is really required, otherwise videos will become quite lengthy.

[@charugundlalatha192]

@@procademy can you please make video on testing please in angular

[@billbortkevich2300]

Good explanation. One question though. If observer is a consumer of data a.k.a subscriber, why does it emits the data?

[@theodiaboy3561]

Nice explanation

[@Ali-zq9hl]

Best tutorial

[@rakeshacharya8791]

is it possible to implement pathlocationstrategy and hashlocationstrategy in a project at time?

[@sergi3056]

Excellent

[@HeitorGiacomini]

thank you from Brasil. You helped a lot! Just a question: if The server send a list as an answer does the observer still treats it as chunks?

[@procademy]

No, in that case it will emit the whole list as one chunk

[@uttarakulkarni2009]

How observable work on http calls. As you said it streams data..can you explain this with http call?

[@llevl289]

Good overall tutorial, however in the beginning you mention javascript is single-threaded, but then you refer to a "background thread". There is no background thread in javascript. Simply a queue which the single/only thread reads sequentially.

[@gecri1269]

big up bro! hudge!

[@mohammedabdulaziz3658]

Great! Lecture again 👍 Sir,Is it necessary to learn Rxjs? In the future , you are going to cover about rxjs library?

[@procademy]

It is not necessary to learn RxJS in order to learn angular. However, I will surely create a complete series on RxJS in future.

[@mohammedabdulaziz3658]

Thank you sir@@procademy

[@peddababud6235]

Javascript ajax call will executes async right? What is diff ?

[@thalmisfaraj872]

Keep going

[@omkarmayekar8296]

Wow.

[@shubhangiasgola3214]

If we call an Api using observable which is default in httpclient in angular, then also all data is returned in one go. Can you explain how stream of data will be returned.

[@irocode]

thxs 😘

[@054vijayakumark4]

❤️❤️❤️❤️

[@vahemikayelyan6956]

Very good explanation thank you! but I'm still not clear why do we need to return multiple observers? observer.next(1); observer.next(2); observer.next(3); What's the use case?

[@ne0nmancer]

For example, fetching an array of data with fetch API and return each element with next

[@srinjitbhattacharyya6267]

They're not returning multiple observers. They are just streams of data being emitted out of the observable.

[@RAVINDERSINGH-ht6pl]

This concept(observable) is really hard to understand. As you declare myobservable = new observable((observer) {console.log("observer starts.. ) Observer.next("1") ... Observer.next("5")} } If possible explain the concept with some more realistic data let's say user profile data. 1) explain concept 2)implementation in angular

[@bebo10amin97]

❤

[@Karthik22ng]

5:34

[@milansilic8024]

alal vera

[@MenAmongTheRuins77]

Observable returns data bit by bit okay

[@anj000]

You explanation is quite nice. But you could work on your heavy accent.

[@johnramirez3247]

Does it matter? You did understand it right??

[@techie2903]

He's Indian. So he has an Indian accent.

[@DhiegoRodrigues]

"ok" "ok" "ok" you repeat the word "ok" as a broken robot... only that was annoying, out of that.. good video

[@thalmisfaraj872]

Great video

[@iceyyeah]

❤