RxJS In-Depth - Ben Lesh

Поделиться
HTML-код
  • Опубликовано: 4 дек 2024

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

  • @_benlesh
    @_benlesh 9 лет назад +21

    I paired on the source code with Jeff Cross and Rob Wormald for their talk and mine. It can be found here:
    Project Source: github.com/jeffbcross/aim
    RxJS 5: github.com/ReactiveX/RxJS

    • @DeanRadcliffe
      @DeanRadcliffe 8 лет назад

      Ben - the animated gifs comparing the 4-step process with iterables and Observables - where can I get those? Great talk, thanks!

    • @_benlesh
      @_benlesh 8 лет назад

      Dean Radcliffe​... I made those myself. I might still have them, but it's been a while.

    • @DeanRadcliffe
      @DeanRadcliffe 8 лет назад

      Killer illustration - maybe I'll try my hand at that - a little react-motion or somethin :)

    • @_benlesh
      @_benlesh 8 лет назад +1

      I think I used D3 to generate it. However if I did it now, is probably just use PowerPoint animations. I've gotten better those. Haha.

  • @Sinewyk
    @Sinewyk 8 лет назад +7

    I think around 15:00 there's a mistake. He says "if you tell it to stop producing values, that's the producer telling the consumer it knows it's done, so the completion handler won't fire. The completion handler is for when the producer wants to tell the consumer that it's done successfully".
    I would swap the order producerconsumer the first time it appears for it to make sense. When calling unsubscribe it's the consumer telling the producer "I don't care", so the completion handler is not fired (I think).

    • @Zukias
      @Zukias 8 лет назад

      agreed

    • @DeanRadcliffe
      @DeanRadcliffe 8 лет назад

      Yeah.. There were a few misspeakings in here, he had rewritten a great deal.

    • @leebenson
      @leebenson 7 лет назад

      Late response, but I believe the speaker is accurate (at least as of RxJS v5):
      Example:
      ```
      const err = e => console.log(`Error ${e.message}`);
      const val = v => console.log(`Value: ${v}`);
      const done = () => console.log('Done!');
      const timer$ = Rx.Observable.interval(500);
      const u = timer$.subscribe(val, err, done);
      setTimeout(() => u.unsubscribe(),1500);
      ```
      Unsubscribing after 1500ms won't fire the `done()` callback. However, if we add `.take(1)` to the `timer$` event, then the done callback _does_ fire.
      Is that what you mean?

  • @itsbazyli
    @itsbazyli 8 лет назад +1

    Fantastic explanation of Observables! Thanks!

  • @DJazium
    @DJazium 8 лет назад

    Awesome talk. Thinking in Rx has been challenging, so these videos help a ton.

  • @HafizQutaiba
    @HafizQutaiba 8 лет назад

    Good talk. I need to practice rxjs alot before everything goes down my head...

  • @mhelvens
    @mhelvens 9 лет назад +6

    I think the term "set" is misleading, and "stream" is definitely the proper term here. The values you get from an Observable are ordered, and not necessarily unique.
    Good talk, though.

  • @codeconcept
    @codeconcept 8 лет назад

    Great presentation and comparison of promises vs observables. Plus the honesty in the final advice on not believing in any zero drawback technology :) Thanks !

  • @javiasilis
    @javiasilis 8 лет назад

    I wonder if this technology could be applied to HTML5 videos. This could allow a good way to "stop downloading" the videos ,and reconnecting in case there's a problem.

  • @f1freak1
    @f1freak1 9 лет назад

    Anyone know if they'll add in Rx.Subject class to Angular 2?

  • @laozi6951
    @laozi6951 8 лет назад

    介绍 filter map reduce 的时候,比较了 数组操作和流操作的不同

  • @DmitryEfimenko
    @DmitryEfimenko 6 лет назад

    What presentation tool did he use to create these animations or text greying out? You can see an example of animation around 9.42

  • @francismazanet2769
    @francismazanet2769 8 лет назад

    If that was in depth, I'd hate to see a summary version.

  • @FelipeCoury
    @FelipeCoury 9 лет назад

    Any idea which is the editor he's using?

    • @SasaMacakanja
      @SasaMacakanja 9 лет назад

      +Felipe Coury he is using Visual Studio Code

    • @pioilu
      @pioilu 9 лет назад +1

      +Felipe Coury VS Code: code.visualstudio.com/

    • @FelipeCoury
      @FelipeCoury 9 лет назад

      +Sasa Macakanja thanks!

    • @FelipeCoury
      @FelipeCoury 9 лет назад

      +Piotr Ilski thanks!

    • @_benlesh
      @_benlesh 9 лет назад +1

      +Felipe Coury They're correct, it's Visual Studio Code.

  • @xgrommx
    @xgrommx 9 лет назад

    Any slides or source codes?

    • @ArjunU
      @ArjunU 9 лет назад +1

      +Denis Stoyanov github.com/jeffbcross/aim

    • @jacobbubu
      @jacobbubu 7 лет назад

      www.slideshare.net/benlesh1/rxjs-indepth-angularconnect-2015