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

  Рет қаралды 41,379

Максим Гром

Максим Гром

Күн бұрын

Пікірлер: 57
@Froade
@Froade 2 жыл бұрын
Блин, ну как обычно самое нормальное объяснение ютуб прячет в самый низ. Итог, ютуб - вонючка, а автор - молодец.
@annaconda2809
@annaconda2809 11 ай бұрын
Спасибо вам за ролики. На ютуб крайне мало видео на тему реактивности, а если и есть то по либо по самым верхам либо объяснения для тех кто уж частично в теме. Прекрасный курс. Лучшее, что я находила по этой теме
@russianstan
@russianstan 4 жыл бұрын
Очень круто! Доходчиво и понятно. Спасибо вам большое!
@grommaks
@grommaks 4 жыл бұрын
Спасибо за отзыв :)
@pansablanca
@pansablanca 4 ай бұрын
Вы прекрасно объясняете, выкладывайте больше видео, пожалуйста! Ангуляр обновляется быстро, а хороших видео катастрофически мало.
@aleksandrzelenskiy4000
@aleksandrzelenskiy4000 4 жыл бұрын
Понятно. Пожалуй лучшее объяснение в русскоязычном youtube
@grommaks
@grommaks 4 жыл бұрын
Спасибо за столь высокую оценку :)
@evgeniide_boer
@evgeniide_boer 8 ай бұрын
Максим, отличная подача материала!
@nuZdarova
@nuZdarova 2 жыл бұрын
Максим, уже долгое время смотрю ваши ролики, хочу поблагодарить вас. Спасибо вам большое. Ваши объяснения сильно лучше многих других) Если заведёте бусти или нечто подобное - думаю люди будут потихоньку подписываться и выражать благодарность ещё и так)
@antonkuzmenko6738
@antonkuzmenko6738 2 жыл бұрын
Максим, спасибо за видео. Объяснил толково - как всегда.
@kenanhaciyev3759
@kenanhaciyev3759 2 жыл бұрын
Коротко и по делу!! Продолжай
@irinaminkova9667
@irinaminkova9667 2 жыл бұрын
Спасибо большое! Очень понятные объяснения 👍
@MrVIPKent
@MrVIPKent 2 жыл бұрын
Дякую, чудовий курс. Макс продовжуй!
@ruslanrasengan3664
@ruslanrasengan3664 2 жыл бұрын
О круто, Земляк виходить =) продовжуй дуже гарна подача імхо
@illiavolha5129
@illiavolha5129 4 жыл бұрын
ЛУЧШИЙ!
@maylobong209
@maylobong209 4 жыл бұрын
Спасибо друг
@АлександрЧередник-е1т
@АлександрЧередник-е1т 3 жыл бұрын
Спасибо, очень информативный ролик !
@Alexander-fp4fs
@Alexander-fp4fs 4 жыл бұрын
Отлично!
@cojucovschiion6339
@cojucovschiion6339 2 жыл бұрын
Good, very clear video. Thank you!
@AndreyDelay
@AndreyDelay 2 жыл бұрын
Стало понятнее, едем дальше)
@ilnurryazhapov
@ilnurryazhapov 4 жыл бұрын
Вот это круто
@vichislav_tv
@vichislav_tv 2 жыл бұрын
шикарно!
@grommaks
@grommaks 4 жыл бұрын
Приятного просмотра :) Если остались вопросы, задавай!) Если есть пожелания к видео, кидай в коментарий!) Хорошего тебе настроения ;)
@bakaleisanich
@bakaleisanich 3 жыл бұрын
Ничесе) Хорош
@yurii-liakhov
@yurii-liakhov 4 жыл бұрын
понятно и круто, спасибо)
@grommaks
@grommaks 4 жыл бұрын
Спасибо за отзыв, это мотивирует )
@yuriinadilnyi3029
@yuriinadilnyi3029 3 жыл бұрын
well done) very useful
@ilnurryazhapov
@ilnurryazhapov 2 жыл бұрын
RxJS дает не чуть больше чем промисы а намного больше))
@GDrakula
@GDrakula Жыл бұрын
на 13 минуте автор выдвинул три версии что такое Observable))) угадайка какая то))) А всего то надо было прочитать автору документацию - Observable - это последовательность событий во времени. Observable объект можно создать с помощью конструктора, а также с помощью метода.
@brutix80
@brutix80 2 жыл бұрын
Я конечно понимаю, что инфографика это хорошо, но когда объясняешь работу кода, то наверное не мешало бы этот код изобразить и на некоторых примерах наглядно его работу показать. А то выходит "тут, вот, есть такое... и кружочки". То есть если человек уже в этом рубит, то он поймет, но зачем ему тогда смотреть. А если не рубит, но знает те же промисы, то естественно хочет видеть разницу. Очень часто вижу пространные объяснения на полчаса, когда тему можно изложить за 5 минут на паре примеров
@grommaks
@grommaks 2 жыл бұрын
Это плейлист, следующие 4 видео чисто практика с усложнением
@polosatyj777
@polosatyj777 4 жыл бұрын
Супер. Можно ещё про ngrx с такой же подачей?
@grommaks
@grommaks 4 жыл бұрын
Возможно созрею на обобщающий курс по ngrx 🙄 сейчас на канале есть несколько уроков / плейлистов с использованием ngrx
@maksymspaskyi9584
@maksymspaskyi9584 4 жыл бұрын
Полезно, но очень тихо.
@diatm1506
@diatm1506 3 жыл бұрын
А что такое пайпы? Походу мне нужно больше попрактиковаться с js (надо дочитать Дэвида Флэнагана js полное руководство), typescript, ООП и паттернами observer это же шаблон проектирования?
@grommaks
@grommaks 3 жыл бұрын
Observer это шаблон проектирования, верно) Пайп это в переводе труба, идея реактивного программирования в том, что есть источники событий, или обсерваблы и события летят в потоке через трубу (там дополнительная логика обработки значений в потоке, так называемые операторы) и пройдя через все операторы результат долетает к слушателям события, к обсерверу
@grommaks
@grommaks 3 жыл бұрын
Тренироваться нужно с rxjs в этом случае)
@diatm1506
@diatm1506 3 жыл бұрын
@@grommaksспасибо rx js крутая штука.
@diatm1506
@diatm1506 3 жыл бұрын
@@grommaks у it бороды был в гостях Глеб Михеев он вроде упоминал про rx js
@grommaks
@grommaks 3 жыл бұрын
@@diatm1506 я постепенно становлюсь rxjs евангелистом, может в новых видео получится показать это)
@eugenenovikov671
@eugenenovikov671 3 жыл бұрын
подскажите, почему в одних местах сабскрайб принимает три функции, в других местах объект с теми же полями-функциями. в чём разница, в ангуляре используются просто функции, а в документации только объект, в чём прикол-то?
@grommaks
@grommaks 3 жыл бұрын
В JavaScript часто один и тот же метод можно вызывать с разным набором параметров. Внутри уже проверяется тип данных и принимается решение как обрабатывать эти параметры Вариант из документации это объект с тремя методами: next, error, completed, причем next это обязательный метод, а два других нет. Но для упрощения есть вариант передачи трех параметров (функций), первая отвечает за логику next, вторая за логику error, третья за completed Аналогично первый параметр обязателен, а два других опциональны И тот и тот вариант рабочие Зажмите клавишу ctrl и клацните на метод subscribe в проекте с тайпскриптом и увидете типизацию для всех вариантов
@eugenenovikov671
@eugenenovikov671 3 жыл бұрын
@@grommaks благодарю. почему они в документации этого не пишут..
@grommaks
@grommaks 3 жыл бұрын
@@eugenenovikov671 Angular, Laravel и огромное количество библиотек и фреймворков пишут лишь часть того что у них есть. Мне в первый год работы показали что нет ничего страшного заходить в исходный код и это оказалось очень эффективно. Ставьте для разработки не минифицированные библиотеки и смотрите что написано внутри кода, это безумно сильно помогает понять как работать с инструментом) В работе мы вообще не пишем документацию, по этому много заморочек по тому, как сделать код который сам будет говорить что он умеет делать)
@SergioUkrAr
@SergioUkrAr 4 жыл бұрын
Супер, спасибо, только вот все ровно не могу понять зачем .pipe()?, понятно когда не сколько событий а когда одно? зачем? что он дает?
@grommaks
@grommaks 4 жыл бұрын
Есть конструктор источника событий, условно само событие - Observable. .pipe это метод в который можно передавать операторы для обработки результата события .pipe( map(v => v+1) ) Это как бы то способ как изменять данные в трубе, там можно добавить один и до бесконечности операторов. Результатом применения этих операторов будет новый Observable...т.е. старый не будет изменен.
@SergioUkrAr
@SergioUkrAr 4 жыл бұрын
@@grommaks спасибо, понял
@yakut54
@yakut54 3 жыл бұрын
нихрена не понял 😢 что с этим делать то?
@grommaks
@grommaks 3 жыл бұрын
RxJS используется в Angular, в других случаях я не слышал комерческого использования RxJS. Но еще в последнем видео из плейлиста есть пример создания канвас холста. Этот пример наглядно показывает как удобно связывать события в один поток и рисовать на холсте линии. Java имеет RX Java, собственно от туда и появилась идея иметь такое же в JavaScript, потому что удобно делать UI часть с этой библиотекой
@yakut54
@yakut54 3 жыл бұрын
@@grommaks продолжаю копать в этом направлении. Видимо пока знаний не достаточно для понимания.
@AlexanderYaremchuk
@AlexanderYaremchuk Жыл бұрын
Очень слабая подача..
@saskek1895
@saskek1895 3 жыл бұрын
сухо и не интересно слушать, раздели видео по 7 минут; не запутывай зрителей другими технологиями как angular; подготовь текст; добавь анимированную иллюстрацию работы по rxjs; поработай над качеством звука; можешь добавить незаметную фоновую музыку; посмотри примеры канала hexlet
@grommaks
@grommaks 3 жыл бұрын
Спасибо за обратную связь Стараюсь становиться лучше) пока переписывать этот плейлись не буду
@MrAlexGU1
@MrAlexGU1 3 жыл бұрын
Не соглашусь с предыдущим оратором. Ибо канал обычно либо больше развлекательный для "послушать на ночь просто так" --- либо образовательный и манера будет "докладная" (и там важен только смысл). Тут классическая "докладная" - еще и языком понятным. Я сюда пришел за четкой и сухой информацией - которую ты четко изложил в 15 минутах. Причем название "теория" на все 100% отвечает действительности, мне нужна была теория и глянуть на общую картину - я е получил. Кому нужна свето-музыка, фильмы по технологиям и прочее - то каналов море - ex. Дударь. По поводу "не запутывай техами как англяр" - думаю если люди Реактивное програмирование и Rx.JS смотрят - то их не особо испугает пару секунд Ангуляра. Короче @GromMax - все круто. "Сухо и не интересно" не принимай близко к сердцу, а делай как сам хочешь - там и публика нарисуется. Фоновую музыку только хз зачем делать :D Я бы только звук громче сделай и все. (Если надо сильно над звуком пошаманить - возможно найду смогу помочь - опыт сводки звука есть ) Удачи!
@grommaks
@grommaks 3 жыл бұрын
@@MrAlexGU1 со звуком в новых видео он уже мне нравится, остаётся работать над дикцией и сценарием и я буду доволен Спасибо за развёрнутый отзыв) 👍
@slavkapiyavka
@slavkapiyavka 2 жыл бұрын
большое спасибо, очень полезное видео
What is Observable | Observables | Angular 12+
14:16
procademy
Рет қаралды 159 М.
I thought one thing and the truth is something else 😂
00:34
عائلة ابو رعد Abo Raad family
Рет қаралды 7 МЛН
Как Я Брата ОБМАНУЛ (смешное видео, прикол, юмор, поржать)
00:59
Натурал Альбертович
Рет қаралды 4,4 МЛН
Real Man relocate to Remote Controlled Car 👨🏻➡️🚙🕹️ #builderc
00:24
RxJS Quick Start with Practical Examples
15:33
Fireship
Рет қаралды 233 М.
RxJs Subject, BehaviorSubject, ReplySubject. Как выжить без NgRx
17:54
Что такое реактивное программирование? #rxjs
18:56
Даже и не стараюсь
Рет қаралды 2,6 М.
Наталия Теплухина - The magic of RxJS
41:06
KharkivJS Community
Рет қаралды 18 М.
I only ever use *these* RxJS operators to code reactively
25:25
Joshua Morony
Рет қаралды 134 М.
I thought one thing and the truth is something else 😂
00:34
عائلة ابو رعد Abo Raad family
Рет қаралды 7 МЛН