RxJS Быстрый курс - Реактивное программирование на JavaScript [2020]

Получить профессию Frontend разработчика -

Подробнее узнать об обучении в Result School -

Я в соц сетях:

Мои паблики по JavaScript:

JavaScript cообщества:

Roadmap по каналу:

Исходный код начала урока:

Финальный код:

Документация по RxJS:

Таймкоды:
00:00 - Введение
00:38 - Применение
14:15 - Создание стримов
34:11 - Subject
40:49 - Операторы

RxJS уроки тут:

[YuretsUA]

Огромное спасибо за видос, очень помог в прохождении тестового задания. Видео открыл после того, как увидел технологию в интересующей вакансии, думаю "А что такое rxjs", через несколько часов прилетело тестовое задание "Обязательно используйте rxjs и Observables" Подумал, ну все, ласты, хз как его сделать. Но после ознакомления по видео, и десятка статей и решений в интернете к вечеру задание уже выполнил, и спокойно себе выбирал стили для кнопочек и отступы. Образование через youtube имеет свои плоды. Спасибо за ваш труд!

[JasonStathamC]

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

[johnjohhoun]

Более подробные таймкоды:
00:00 - Введение
00:38 - Применение
07:23 interval, pipe, !!! после pipe - subscribe!!!((res) => res)
08:30 операторы, filter((y) => ), map((res) => )
10:39 take - берет нужное количество элементов стрима/
11:00 scan((acc, item) => acc.concat(item)) -некий аналог reduce
14:15 - Создание стримов
15:07 - of - создает стримы, subscribe - подписка на стримы
17:10 from() - создает стримы из массивов
19:05 Observable!!!
22:00 - error вместо next
22:30 - обработка ошибок -
26:20 fromEvent - создание стрима из событий мыши.
31:15 range, timer, interval - для формирования стримов
34:11 - Subject
39:10 ReplaySubject
40:49 - Операторы
42:24 pipe
42:45 map
44:00 filter
45:55 tap
46:05 take
takeLast
takeWhile
49:05 scan
50:00 reduce - складывает все, но после завершения стрима, а scan - каждый event
51:15 переключение стримов
53:14 switchMap

[eduardgrigoryan]

то что надо, спс большое
я уже несколько лет обучаюсь по твоим видео, и смог самостоятельно получить позицию джуна в ЕПАМ, теперь меняют проект, перехожу на ангуляр.. готовлюсь к интервью. СПС за невероятный труд

[andmak]

Я вот так подумал - я лайкаю все, что смотрю. Подписка есть. Колокольчик тоже)) Курсы смотрел, купил. Главное, что бы Влад не выдохся и не забил на канал. Вдохновения, мотивации, больше практических курсов(можно даже платных), ну и побольше кеша, после проделаной работы, тебе. ))

[АндрейБороздин-фъ]

Все как всегда по делу и без воды. Благодарю

[volodymyrhovorun]

Просто пушка, а не контент. Спасибо огромное!)

[uaplatformacomua]

Спасибо большое! Благодаря Вам и Вашим курсам я ушла с верстки джуном на Ангуляр на хорошую зарплату с большой перспективой. Удачи Вам во всем и спасибо. У Вас самые лучшие уроки по Ангуляру и JS.

[spoonjeee]

спасибо, от тебя всегда узнаю о годных темах

[АлександрКоренев-лз]

Отличный урок! Максимум информации про RxJS всего за 1 час. Очень продуктивное видео, как всегда Владилен на высоте. Спасибо, было очень ценно для меня!

[АлексейКравец-ей]

чет я так и недопонял какую проблему он решает=(

[ladutska]

Изучил RxJs за 38 минут на скорости 1.5 :D Спасибо!

[eugeniuszjarocki]

Спасибо за качественное видео! Все основные моменты RxJS описаны очень доходчиво и с понятными примерами!

[VladilenMinin]

В описании к ролику вы найдете ссылку на плейлист с практикой и реальным применением RxJS
Приятного просмотра)

[sainmorton]

Очень понятно, без лишней воды, спасибо за видеоурок

[ko]

Не получил ответа в видео, зачем использовать в реальных проектах. Как я понял, основная концепция - подписываемся на события и генерирую эти события.
Чем обычный js не устраивает, не совсем понятно. Вижу оверхед дополнительный для приложения, но не решения какой-либо проблемы.

[GreenComet]

Отличное видео, до того как его посмотрел RxJS всегда был какой-то магией

[alexkolesnik]

23:46 такая запись уже устарела. Нельзя теперь через запятую передавать просто 3 колбека next, error и complete. Теперь надо передавать обьект с тремя методами вот так:
stream$.subscribe({
next: val => console.log(val),
error: error => console.log(error),
complete: () => console.log('Complete')
});

[МаксКондратенко-це]

Спасибо
Просто комент, чтобы помочь попасть в тренды x)

[МаксимАхмеров-ки]

Поч ты не рассказал, что это за библиотека, и зачем она нужна, а просто начал код писать?