What is Observable | Observables | Angular 12+

Поделиться
HTML-код
  • Опубликовано: 26 фев 2022
  • 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.

Комментарии • 88

  • @srivastavashivam949
    @srivastavashivam949 Год назад +17

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

  • @kumarjitmaity9378
    @kumarjitmaity9378 2 года назад +25

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

  • @vaishnavik8221
    @vaishnavik8221 10 месяцев назад +2

    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...

  • @VimalKumar-ve7pz
    @VimalKumar-ve7pz Год назад +5

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

  • @user-lh4sb2kr3m
    @user-lh4sb2kr3m Месяц назад +1

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

  • @shubhambhamare7551
    @shubhambhamare7551 Год назад +5

    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.

  • @windz643
    @windz643 2 года назад +6

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

  • @Avinash-P.
    @Avinash-P. Год назад +3

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

  • @prashanthm1986
    @prashanthm1986 6 месяцев назад +2

    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.

  • @atulram8206
    @atulram8206 2 года назад +2

    One of the best video on observables that one can get

  • @suleymanyalman8077
    @suleymanyalman8077 Год назад +6

    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

  • @chaswards
    @chaswards 2 года назад +13

    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

  • @justacuriousgirl
    @justacuriousgirl 3 месяца назад

    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

  • @pentoxide2465
    @pentoxide2465 Год назад +4

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

  • @swatirathore-cj3kf
    @swatirathore-cj3kf 7 месяцев назад

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

  • @teminoah2960
    @teminoah2960 11 месяцев назад +1

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

  • @abdullahtb6456
    @abdullahtb6456 9 месяцев назад

    nice explanation, keep working

  • @diveshrajput572
    @diveshrajput572 Год назад +1

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

  • @ushapugazhenthi7811
    @ushapugazhenthi7811 Год назад +1

    Great Explanation, happy I got this video, thank you

  • @abhilabdas
    @abhilabdas 2 года назад +2

    Nicely explained! Thank a tonn man

  • @chanduBoddu
    @chanduBoddu 2 года назад +1

    Great video

  • @rhdgghjygvg7229
    @rhdgghjygvg7229 2 года назад +1

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

  • @nafaka2670
    @nafaka2670 Год назад +1

    You explained THE POINT! Thank you a lot!

  • @mainmansentertainment
    @mainmansentertainment Месяц назад

    Excellent explanation.

  • @awaraamin6850
    @awaraamin6850 6 месяцев назад

    Well explained! Thank you

  • @nikhiltrash1831
    @nikhiltrash1831 2 года назад

    Very clear and concise explanation. Thank you !!!

  • @lakshithakanchana6155
    @lakshithakanchana6155 Год назад

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

  • @LUITEN1
    @LUITEN1 2 года назад +1

    I really liked the explanation! Thanks a lot!

  • @meilyn22
    @meilyn22 9 месяцев назад

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

  • @BetulKaplan
    @BetulKaplan 10 месяцев назад

    great explanation!

  • @laxregula9007
    @laxregula9007 Год назад

    Pretty clear explanation, awesome!

  • @miroslavpurtik1759
    @miroslavpurtik1759 2 года назад +2

    Perfect explanation!

  • @rksCraze
    @rksCraze 10 месяцев назад

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

  • @marcolupo2519
    @marcolupo2519 Год назад +2

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

  • @dmcfabbulous
    @dmcfabbulous 4 месяца назад

    ty, this was an amazing video

  • @theodiaboy3561
    @theodiaboy3561 3 месяца назад

    Nice explanation

  • @suvishnayada4685
    @suvishnayada4685 Год назад

    Very clear and helpful !!
    Thanks you

  • @prateekjaiswal8045
    @prateekjaiswal8045 2 года назад +1

    Nicely explained

  • @gecri1269
    @gecri1269 Год назад

    big up bro! hudge!

  • @Ali-zq9hl
    @Ali-zq9hl 9 месяцев назад

    Best tutorial

  • @akumpum
    @akumpum Год назад

    Very clear and very useful... thanks

  • @ajithk.s7848
    @ajithk.s7848 2 года назад

    Superb explanation 👌

  • @midhunp7718
    @midhunp7718 Год назад +1

    Best explanation

  • @hamzanouh9153
    @hamzanouh9153 9 месяцев назад

    you really deserve 100k subscribers

  • @sarojpanda1240
    @sarojpanda1240 Год назад

    Excellent explanation !!!

  • @janaelmourad9681
    @janaelmourad9681 2 года назад +1

    great one thank u

  • @irohits4019
    @irohits4019 Год назад

    Excellent drill on observable..

  • @user-xi6pt5ku2z
    @user-xi6pt5ku2z Год назад

    beautiful explaination

  • @sarojsharma-ch9ox
    @sarojsharma-ch9ox Год назад +1

    well explained

  • @XOALAH
    @XOALAH Год назад +2

    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
      @procademy  Год назад +3

      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
      @charugundlalatha192 Год назад +1

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

  • @abhishekjadhav9289
    @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.

  • @uttarakulkarni2009
    @uttarakulkarni2009 2 года назад +1

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

  • @peddababud6235
    @peddababud6235 10 месяцев назад +1

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

  • @rakeshacharya8791
    @rakeshacharya8791 Год назад

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

  • @HeitorGiacomini
    @HeitorGiacomini 2 года назад +2

    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
      @procademy  2 года назад +2

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

  • @sergi3056
    @sergi3056 Год назад

    Excellent

  • @thalmisfaraj872
    @thalmisfaraj872 Год назад

    Keep going

  • @billbortkevich2300
    @billbortkevich2300 2 года назад +1

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

  • @Eesayousuf833
    @Eesayousuf833 17 дней назад

    Thanks

  • @llevl289
    @llevl289 Год назад +1

    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.

  • @irocode
    @irocode 5 месяцев назад

    thxs 😘

  • @mohammedabdulaziz3658
    @mohammedabdulaziz3658 2 года назад +2

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

    • @procademy
      @procademy  2 года назад +4

      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
      @mohammedabdulaziz3658 2 года назад

      Thank you sir@@procademy

  • @ihebchemkhi599
    @ihebchemkhi599 Месяц назад

    first time to know that when someone says Subscribe ( 6:47 ) the subscribe button's borders does some effects

  • @shubhangiasgola3214
    @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.

  • @RAVINDERSINGH-ht6pl
    @RAVINDERSINGH-ht6pl 2 года назад +3

    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

  • @iceyyeah
    @iceyyeah 3 месяца назад

  • @054vijayakumark4
    @054vijayakumark4 Год назад

    ❤️❤️❤️❤️

  • @omkarmayekar8296
    @omkarmayekar8296 2 года назад +1

    Wow.

  • @vahemikayelyan6956
    @vahemikayelyan6956 2 года назад +1

    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
      @ne0nmancer 2 года назад +1

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

    • @srinjitbhattacharyya6267
      @srinjitbhattacharyya6267 Год назад

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

  • @Karthik22ng
    @Karthik22ng 11 месяцев назад

    5:34

  • @milansilic8024
    @milansilic8024 8 месяцев назад

    alal vera

  • @MenAmongTheRuins77
    @MenAmongTheRuins77 9 месяцев назад

    Observable returns data bit by bit okay

  • @DhiegoRodrigues
    @DhiegoRodrigues 9 месяцев назад +1

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

  • @anj000
    @anj000 2 года назад +1

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

    • @johnramirez3247
      @johnramirez3247 Год назад +1

      Does it matter? You did understand it right??

    • @techie2903
      @techie2903 Год назад +1

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

  • @thalmisfaraj872
    @thalmisfaraj872 Год назад

    Great video

  • @bebo10amin97
    @bebo10amin97 3 месяца назад