RxJs Теория: Observable, Observer, Subscription, Pipe

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 พ.ย. 2024

ความคิดเห็น • 57

  • @Froade
    @Froade 2 ปีที่แล้ว +20

    Блин, ну как обычно самое нормальное объяснение ютуб прячет в самый низ. Итог, ютуб - вонючка, а автор - молодец.

  • @annaconda2809
    @annaconda2809 11 หลายเดือนก่อน +1

    Спасибо вам за ролики. На ютуб крайне мало видео на тему реактивности, а если и есть то по либо по самым верхам либо объяснения для тех кто уж частично в теме. Прекрасный курс. Лучшее, что я находила по этой теме

  • @pansablanca
    @pansablanca 4 หลายเดือนก่อน

    Вы прекрасно объясняете, выкладывайте больше видео, пожалуйста! Ангуляр обновляется быстро, а хороших видео катастрофически мало.

  • @nuZdarova
    @nuZdarova 2 ปีที่แล้ว +1

    Максим, уже долгое время смотрю ваши ролики, хочу поблагодарить вас. Спасибо вам большое. Ваши объяснения сильно лучше многих других) Если заведёте бусти или нечто подобное - думаю люди будут потихоньку подписываться и выражать благодарность ещё и так)

  • @aleksandrzelenskiy4000
    @aleksandrzelenskiy4000 4 ปีที่แล้ว +6

    Понятно. Пожалуй лучшее объяснение в русскоязычном youtube

    • @grommaks
      @grommaks  4 ปีที่แล้ว +2

      Спасибо за столь высокую оценку :)

  • @evgeniide_boer
    @evgeniide_boer 8 หลายเดือนก่อน

    Максим, отличная подача материала!

  • @russianstan
    @russianstan 4 ปีที่แล้ว +13

    Очень круто! Доходчиво и понятно. Спасибо вам большое!

    • @grommaks
      @grommaks  4 ปีที่แล้ว +1

      Спасибо за отзыв :)

  • @ruslanrasengan3664
    @ruslanrasengan3664 2 ปีที่แล้ว +1

    О круто, Земляк виходить =) продовжуй дуже гарна подача імхо

  • @kenanhaciyev3759
    @kenanhaciyev3759 2 ปีที่แล้ว +1

    Коротко и по делу!! Продолжай

  • @antonkuzmenko6738
    @antonkuzmenko6738 2 ปีที่แล้ว +1

    Максим, спасибо за видео. Объяснил толково - как всегда.

  • @ilnurryazhapov
    @ilnurryazhapov 4 ปีที่แล้ว +6

    Вот это круто

  • @illiavolha5129
    @illiavolha5129 4 ปีที่แล้ว +4

    ЛУЧШИЙ!

  • @maylobong209
    @maylobong209 4 ปีที่แล้ว +3

    Спасибо друг

  • @Alexander-fp4fs
    @Alexander-fp4fs 4 ปีที่แล้ว +5

    Отлично!

  • @MrVIPKent
    @MrVIPKent 2 ปีที่แล้ว +2

    Дякую, чудовий курс. Макс продовжуй!

  • @AndreyDelay
    @AndreyDelay 2 ปีที่แล้ว +1

    Стало понятнее, едем дальше)

  • @irinaminkova9667
    @irinaminkova9667 2 ปีที่แล้ว +2

    Спасибо большое! Очень понятные объяснения 👍

  • @vichislav_tv
    @vichislav_tv 2 ปีที่แล้ว +1

    шикарно!

  • @АлександрЧередник-е1т
    @АлександрЧередник-е1т 3 ปีที่แล้ว +1

    Спасибо, очень информативный ролик !

  • @bakaleisanich
    @bakaleisanich 3 ปีที่แล้ว +2

    Ничесе) Хорош

  • @cojucovschiion6339
    @cojucovschiion6339 2 ปีที่แล้ว +1

    Good, very clear video. Thank you!

  • @grommaks
    @grommaks  4 ปีที่แล้ว +5

    Приятного просмотра :)
    Если остались вопросы, задавай!)
    Если есть пожелания к видео, кидай в коментарий!)
    Хорошего тебе настроения ;)

  • @yurii-liakhov
    @yurii-liakhov 4 ปีที่แล้ว +2

    понятно и круто, спасибо)

    • @grommaks
      @grommaks  4 ปีที่แล้ว

      Спасибо за отзыв, это мотивирует )

  • @yuriinadilnyi3029
    @yuriinadilnyi3029 3 ปีที่แล้ว +1

    well done) very useful

  • @ilnurryazhapov
    @ilnurryazhapov 2 ปีที่แล้ว +3

    RxJS дает не чуть больше чем промисы а намного больше))

  • @diatm1506
    @diatm1506 3 ปีที่แล้ว +1

    А что такое пайпы? Походу мне нужно больше попрактиковаться с js (надо дочитать Дэвида Флэнагана js полное руководство), typescript, ООП и паттернами observer это же шаблон проектирования?

    • @grommaks
      @grommaks  3 ปีที่แล้ว +1

      Observer это шаблон проектирования, верно)
      Пайп это в переводе труба, идея реактивного программирования в том, что есть источники событий, или обсерваблы и события летят в потоке через трубу (там дополнительная логика обработки значений в потоке, так называемые операторы) и пройдя через все операторы результат долетает к слушателям события, к обсерверу

    • @grommaks
      @grommaks  3 ปีที่แล้ว +1

      Тренироваться нужно с rxjs в этом случае)

    • @diatm1506
      @diatm1506 3 ปีที่แล้ว +1

      @@grommaksспасибо rx js крутая штука.

    • @diatm1506
      @diatm1506 3 ปีที่แล้ว +1

      @@grommaks у it бороды был в гостях Глеб Михеев он вроде упоминал про rx js

    • @grommaks
      @grommaks  3 ปีที่แล้ว +1

      @@diatm1506 я постепенно становлюсь rxjs евангелистом, может в новых видео получится показать это)

  • @GDrakula
    @GDrakula ปีที่แล้ว

    на 13 минуте автор выдвинул три версии что такое Observable))) угадайка какая то))) А всего то надо было прочитать автору документацию - Observable - это последовательность событий во времени. Observable объект можно создать с помощью конструктора, а также с помощью метода.

  • @polosatyj777
    @polosatyj777 4 ปีที่แล้ว +3

    Супер. Можно ещё про ngrx с такой же подачей?

    • @grommaks
      @grommaks  4 ปีที่แล้ว +1

      Возможно созрею на обобщающий курс по ngrx 🙄 сейчас на канале есть несколько уроков / плейлистов с использованием ngrx

  • @brutix80
    @brutix80 2 ปีที่แล้ว +4

    Я конечно понимаю, что инфографика это хорошо, но когда объясняешь работу кода, то наверное не мешало бы этот код изобразить и на некоторых примерах наглядно его работу показать. А то выходит "тут, вот, есть такое... и кружочки". То есть если человек уже в этом рубит, то он поймет, но зачем ему тогда смотреть. А если не рубит, но знает те же промисы, то естественно хочет видеть разницу. Очень часто вижу пространные объяснения на полчаса, когда тему можно изложить за 5 минут на паре примеров

    • @grommaks
      @grommaks  2 ปีที่แล้ว

      Это плейлист, следующие 4 видео чисто практика с усложнением

  • @eugenenovikov671
    @eugenenovikov671 3 ปีที่แล้ว +1

    подскажите, почему в одних местах сабскрайб принимает три функции, в других местах объект с теми же полями-функциями. в чём разница, в ангуляре используются просто функции, а в документации только объект, в чём прикол-то?

    • @grommaks
      @grommaks  3 ปีที่แล้ว +1

      В JavaScript часто один и тот же метод можно вызывать с разным набором параметров.
      Внутри уже проверяется тип данных и принимается решение как обрабатывать эти параметры
      Вариант из документации это объект с тремя методами: next, error, completed, причем next это обязательный метод, а два других нет.
      Но для упрощения есть вариант передачи трех параметров (функций), первая отвечает за логику next, вторая за логику error, третья за completed
      Аналогично первый параметр обязателен, а два других опциональны
      И тот и тот вариант рабочие
      Зажмите клавишу ctrl и клацните на метод subscribe в проекте с тайпскриптом и увидете типизацию для всех вариантов

    • @eugenenovikov671
      @eugenenovikov671 3 ปีที่แล้ว +1

      @@grommaks благодарю. почему они в документации этого не пишут..

    • @grommaks
      @grommaks  3 ปีที่แล้ว +1

      @@eugenenovikov671 Angular, Laravel и огромное количество библиотек и фреймворков пишут лишь часть того что у них есть. Мне в первый год работы показали что нет ничего страшного заходить в исходный код и это оказалось очень эффективно.
      Ставьте для разработки не минифицированные библиотеки и смотрите что написано внутри кода, это безумно сильно помогает понять как работать с инструментом)
      В работе мы вообще не пишем документацию, по этому много заморочек по тому, как сделать код который сам будет говорить что он умеет делать)

  • @maksymspaskyi9584
    @maksymspaskyi9584 4 ปีที่แล้ว +2

    Полезно, но очень тихо.

  • @SergioUkrAr
    @SergioUkrAr 4 ปีที่แล้ว +2

    Супер, спасибо, только вот все ровно не могу понять зачем .pipe()?, понятно когда не сколько событий а когда одно? зачем? что он дает?

    • @grommaks
      @grommaks  4 ปีที่แล้ว +2

      Есть конструктор источника событий, условно само событие - Observable.
      .pipe это метод в который можно передавать операторы для обработки результата события
      .pipe(
      map(v => v+1)
      )
      Это как бы то способ как изменять данные в трубе, там можно добавить один и до бесконечности операторов.
      Результатом применения этих операторов будет новый Observable...т.е. старый не будет изменен.

    • @SergioUkrAr
      @SergioUkrAr 4 ปีที่แล้ว

      @@grommaks спасибо, понял

  • @yakut54
    @yakut54 3 ปีที่แล้ว +1

    нихрена не понял 😢 что с этим делать то?

    • @grommaks
      @grommaks  3 ปีที่แล้ว

      RxJS используется в Angular, в других случаях я не слышал комерческого использования RxJS.
      Но еще в последнем видео из плейлиста есть пример создания канвас холста. Этот пример наглядно показывает как удобно связывать события в один поток и рисовать на холсте линии.
      Java имеет RX Java, собственно от туда и появилась идея иметь такое же в JavaScript, потому что удобно делать UI часть с этой библиотекой

    • @yakut54
      @yakut54 3 ปีที่แล้ว +1

      @@grommaks продолжаю копать в этом направлении. Видимо пока знаний не достаточно для понимания.

  • @AlexanderYaremchuk
    @AlexanderYaremchuk ปีที่แล้ว

    Очень слабая подача..

  • @saskek1895
    @saskek1895 3 ปีที่แล้ว +1

    сухо и не интересно слушать,
    раздели видео по 7 минут;
    не запутывай зрителей другими технологиями как angular;
    подготовь текст;
    добавь анимированную иллюстрацию работы по rxjs;
    поработай над качеством звука;
    можешь добавить незаметную фоновую музыку;
    посмотри примеры канала hexlet

    • @grommaks
      @grommaks  3 ปีที่แล้ว

      Спасибо за обратную связь
      Стараюсь становиться лучше) пока переписывать этот плейлись не буду

    • @MrAlexGU1
      @MrAlexGU1 3 ปีที่แล้ว +4

      Не соглашусь с предыдущим оратором. Ибо канал обычно либо больше развлекательный для "послушать на ночь просто так" --- либо образовательный и манера будет "докладная" (и там важен только смысл). Тут классическая "докладная" - еще и языком понятным.
      Я сюда пришел за четкой и сухой информацией - которую ты четко изложил в 15 минутах. Причем название "теория" на все 100% отвечает действительности, мне нужна была теория и глянуть на общую картину - я е получил.
      Кому нужна свето-музыка, фильмы по технологиям и прочее - то каналов море - ex. Дударь.
      По поводу "не запутывай техами как англяр" - думаю если люди Реактивное програмирование и Rx.JS смотрят - то их не особо испугает пару секунд Ангуляра.
      Короче @GromMax - все круто. "Сухо и не интересно" не принимай близко к сердцу, а делай как сам хочешь - там и публика нарисуется.
      Фоновую музыку только хз зачем делать :D
      Я бы только звук громче сделай и все. (Если надо сильно над звуком пошаманить - возможно найду смогу помочь - опыт сводки звука есть )
      Удачи!

    • @grommaks
      @grommaks  3 ปีที่แล้ว +2

      @@MrAlexGU1 со звуком в новых видео он уже мне нравится, остаётся работать над дикцией и сценарием и я буду доволен
      Спасибо за развёрнутый отзыв) 👍

  • @slavkapiyavka
    @slavkapiyavka 2 ปีที่แล้ว +1

    большое спасибо, очень полезное видео