RxJS Быстрый курс - Реактивное программирование на JavaScript [2020]
Рет қаралды 173,388
Күн бұрынПолучить профессию Frontend разработчика -
bit.ly/3HVJEDa
Подробнее узнать об обучении в Result School -
bit.ly/3QSVi5K
Бесплатный курс HTML & CSS - bit.ly/3bzbBVm
Сделать 5 проектов на JavaScript - bit.ly/3ylsSKC
Я в соц сетях:
Telegram: t.me/js_by_vladilen
VK: vladilen.minin
Instagram: / vladilen.minin
Мои паблики по JavaScript:
Telegram: t.me/result_school_it
VK: result.school
Instagram: / result.scho. .
JavaScript cообщества:
Discord: / discord
Telegram: t.me/js_by_vladilen_chat
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Исходный код начала урока:
github.com/vladilenm/rxjs-you...
Финальный код:
github.com/vladilenm/rxjs-you...
Документация по RxJS:
rxjs-dev.firebaseapp.com/api
Таймкоды:
00:00 - Введение
00:38 - Применение
14:15 - Создание стримов
34:11 - Subject
40:49 - Операторы
RxJS уроки тут:
• RxJS
@andmak4795 4 жыл бұрын
Я вот так подумал - я лайкаю все, что смотрю. Подписка есть. Колокольчик тоже)) Курсы смотрел, купил. Главное, что бы Влад не выдохся и не забил на канал. Вдохновения, мотивации, больше практических курсов(можно даже платных), ну и побольше кеша, после проделаной работы, тебе. ))
@VladilenMinin 4 жыл бұрын
Благодарю за отзыв :) Канал не заброшу, слишком много идей и мыслей по контенту! Скоро будет практический курс бесплатно тут) По кешу да, если есть такой посыл, то буду рад любым донатам в ВК или на патреоне
@VladilenMinin 3 жыл бұрын
В описании к ролику вы найдете ссылку на плейлист с практикой и реальным применением RxJS Приятного просмотра)
@musheghzakaryan6616 2 жыл бұрын
Спасибо за уроки. У вас нету уроков для NgRX?
@rinatvaliullov3247 4 жыл бұрын
ОГОНЬ!!! Жду курса с нетерпением.
@volodymyrhovorun760 4 жыл бұрын
Просто пушка, а не контент. Спасибо огромное!)
@sainmorton 3 жыл бұрын
Очень понятно, без лишней воды, спасибо за видеоурок
@YuretsUA 3 жыл бұрын
Огромное спасибо за видос, очень помог в прохождении тестового задания. Видео открыл после того, как увидел технологию в интересующей вакансии, думаю "А что такое rxjs", через несколько часов прилетело тестовое задание "Обязательно используйте rxjs и Observables" Подумал, ну все, ласты, хз как его сделать. Но после ознакомления по видео, и десятка статей и решений в интернете к вечеру задание уже выполнил, и спокойно себе выбирал стили для кнопочек и отступы. Образование через youtube имеет свои плоды. Спасибо за ваш труд!
@arthurcode4225 3 жыл бұрын
Аналогичная ситуация! Пришел ответ от компании с тз где нужно юзать rxjs, сижу, зубрю)
@nikitatudakov4239 3 жыл бұрын
@@YuretsUA подскажите как вы реализовали остановку?)
@hasst9261 4 жыл бұрын
Я тащусь, Ваш труд бесценен!
@eugeniuszjarocki109 4 жыл бұрын
Спасибо за качественное видео! Все основные моменты RxJS описаны очень доходчиво и с понятными примерами!
@user-te7nc6db8u 4 жыл бұрын
Отличный урок! Максимум информации про RxJS всего за 1 час. Очень продуктивное видео, как всегда Владилен на высоте. Спасибо, было очень ценно для меня!
@user-wm1pw7oz9b 4 жыл бұрын
Все как всегда по делу и без воды. Благодарю
@iquz_intellectual_games 4 жыл бұрын
Владилен, спасибо вам за труд, делайте еще, будем смотреть)
@user-el9mw8kv5x 4 жыл бұрын
Супер, как всегда) большое спасибо!)
@dianabohomoliuk9191 4 жыл бұрын
Браво! Много уроков смотрела и читала статьи, но только тут всё понятно стало)
@VladilenMinin 4 жыл бұрын
Посмотри на RxJS в практике в полном курсе по Angular 8: clc.to/angular
@user-iu4jv2dw1o 4 жыл бұрын
полный курс не содержит секции про тестирование
@VladilenMinin 4 жыл бұрын
Дима Танасийчук к концу месяца добавлю большую секцию
@dmitry_orlov 4 жыл бұрын
Спасибо за видео. Вы сохранили моё время и нервы
@Nafiganado 3 жыл бұрын
Лаконично и по существу. Браво!
@user-bp3vk3uj8h 2 жыл бұрын
Спасибо, как всегда отличное видео! Было бы здорово увидеть rx на живых примерах.
@StOksana 4 жыл бұрын
Максимально ясно и доступно. Спасибо!
@alexgrinberg1888 3 жыл бұрын
Great course. Please do more such valuable courses in the future. Thanks, Vladilen!
@motionrus3828 4 жыл бұрын
Спасибо огромное, я очень рад что нашел твой канал) Очень классно объясняешь!
@user-il1dr9wi8h Жыл бұрын
Спасибо за контент, помог сформировать понимание концепции rxjs и выполнить первую связанную с этим задачу)
@user-zs7kr6yp2s 4 жыл бұрын
Спасибо за титанический труд !
@Jetixxxxxxxxxx Жыл бұрын
На самом деле, это одно из лучших видео с объяснением RxJS, парни, кому не понятно, не расстраивайтесь, тема сложная я сюда с официальной доки и хабра-статей пришёл и только более-менее стало понятно, что к чему. Нужно переварить просто, повторить ручками.
@_Black_Mirror_ 4 жыл бұрын
Спасибо за видос! Как всегда круто
@ladutska 4 жыл бұрын
Изучил RxJs за 38 минут на скорости 1.5 :D Спасибо!
@spoonjeee4785 4 жыл бұрын
спасибо, от тебя всегда узнаю о годных темах
@GreenComet 4 жыл бұрын
Отличное видео, до того как его посмотрел RxJS всегда был какой-то магией
@ragimabagirova6228 Жыл бұрын
Спасибо за урок. Самый лучший урок)))
@federsrorat8694 4 жыл бұрын
Thanks a lot! When I was watching this video, I got a much relaxed. Great job!
@irinasamokhina6632 4 жыл бұрын
Очень интересно слушать, спасибо! Хотелось бы увидеть материал по оптимизации Angular приложений.
@Sergey-mr6be 4 жыл бұрын
Отличный урок. Спасибо!
@pipman9007 4 жыл бұрын
Супер понятно все рассказал , спасибо !
@eduardgrigoryan6052 3 ай бұрын
то что надо, спс большое я уже несколько лет обучаюсь по твоим видео, и смог самостоятельно получить позицию джуна в ЕПАМ, теперь меняют проект, перехожу на ангуляр.. готовлюсь к интервью. СПС за невероятный труд
@denisejov8632 2 жыл бұрын
Отличное видео, спасибо!
@sova_nn 4 жыл бұрын
огромное спасибо за урок! Очень классное видео.
@user-si8xh6hk4i 4 жыл бұрын
Очень крутое видео, спасибо !
@Abdul-hy4cy Жыл бұрын
Спасибо за видео Владилен
@johnjohhoun1716 Жыл бұрын
Более подробные таймкоды: 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
@ale0x314 4 жыл бұрын
Привет, отличный материал по Rx, спасибо
@user-vh5kq6pm7e 4 жыл бұрын
Большое спасибо!
@TheAzovStar 4 жыл бұрын
Спасибо за хороший курс.
@saveekglushchenko6903 Жыл бұрын
Спасибо, было интересно и полезно
@tartarus2921 4 жыл бұрын
Спасибо за интересный контент)
@sergeykahnwald6640 3 жыл бұрын
Спасибо за труд!
@user-oz4ef6rf1z 2 жыл бұрын
Круто подали инфу, спасибо!
@vikmac9083 7 ай бұрын
Спасибо, очень хорошее изложение материала.
@user-vd9yw5ez3e 4 жыл бұрын
Супер курсы. Я доволен.
@serdardurdyev4963 4 жыл бұрын
Годно!Молодец!
@pandaskeptic2937 4 жыл бұрын
Спасибо за полезное видео. 👍 👍 👍
@nodir_latipov 4 жыл бұрын
Спасибо Владилен
@user-ne7fu5lr3z 3 жыл бұрын
Красавчик !
@ismalit 4 жыл бұрын
Спасибо, хорошее видео!
@user-xg3er7dw8y 4 жыл бұрын
Крууутатенюшка ;)
@AtlantZ 2 жыл бұрын
Крутой туториал!
@larissasavchenko4101 Жыл бұрын
Спасибо за курс
@018live7 4 жыл бұрын
Ждём видос по NgRx)
@user-kq2yo3my9l 4 жыл бұрын
небольшой курс по NgRx есть от Владилена. Курсу 3 года, но дает отличное понимание что это за технология) Можешь поискать на coursehunter
@018live7 4 жыл бұрын
@@user-kq2yo3my9l Спасибо
@ragnarl.3780 4 жыл бұрын
Странно, смотря видео так и не понял что такое pipe оператор. Открыл официальную документацию, прочитал. И, о чудо! сразу все стало понятно!
@wolrdedit5693 2 жыл бұрын
Спасибо друг!
@018live7 4 жыл бұрын
Лучший канал на русском языке, прохожу сейчас твой курс на Udemy по Angular - доступно и понятно, спасибо!
@dobrinyanicitich7514 Ай бұрын
Спасибо за видео!
@Brometey 10 ай бұрын
спасибо, очень полезное видео
@uaplatformacomua 3 жыл бұрын
Спасибо большое! Благодаря Вам и Вашим курсам я ушла с верстки джуном на Ангуляр на хорошую зарплату с большой перспективой. Удачи Вам во всем и спасибо. У Вас самые лучшие уроки по Ангуляру и JS.
@user-zj4tk1mh4m 3 жыл бұрын
Сколько времени заняло освоение Ангуляра? )
@uaplatformacomua 3 жыл бұрын
@@user-zj4tk1mh4m я его ещё не освоила. В процессе
@user-zj4tk1mh4m 3 жыл бұрын
@@uaplatformacomua я имею ввиду сколько времени потребовалось чтобы устроиться джуном? От начала изучения Ангуляра до самого трудоустройства )
@uaplatformacomua 3 жыл бұрын
@@dnevnikdevstvennika_ на первую работу откликнулась на вакансию в интернете, на вторую попала по предложению в линкедине
@olegpristashkin9078 3 жыл бұрын
у нас есть второй интервал? А зачем два интервала?
@user-nb8mi4im8g 3 жыл бұрын
Спасибо! Сразу понятно все стало после просмотра! Ещё state manager надо бы где-то посмотреть
@olegpristashkin9078 3 жыл бұрын
а что такое стрим?
@user-zx1bx7qf5e Жыл бұрын
Очень полезная информация
@ihoryanovchyk 4 жыл бұрын
разобрался, спасибо!
@user-zl6gp6lh7h 3 жыл бұрын
Respect😉
@4maxnechaev 4 жыл бұрын
Хороший урок, спасибо. Хоть каждый день пользуюсь rxjs, но лишний раз послушать разбирающегося человека приятно. Я бы еще добавил takeUntil - очень важная штука для unsubscribe. И чаще используется, чем take, насколько я могу судить
@VladilenMinin 4 жыл бұрын
Посмотри плейлист на канале с практикой. Там все разобрал
@romankorolov3344 Жыл бұрын
Спасибо!
@vitahvitah5823 Жыл бұрын
Спасибо большое...
@roman--s 4 жыл бұрын
Как то мало теории. Просто примеры. Они крутые, но теория как это работает под капотом тоже важно для понимания. В любом случае материал качественный. Спасибо🙂
@user-pt6kz3fi1q 4 жыл бұрын
Зачётненько, но с примерами асинхронных запросов, конечно, было бы совсем огонь :) Владилен, волшебник ϟ%)
@VladilenMinin 4 жыл бұрын
Велкам! На канале есть плейлист по практике RxJS для разных сценариев. В том числе и асинхронный код
@davidbaghdasaryan2486 4 жыл бұрын
Отлично все понятно и четко. Больше тем про Angular , кто согласен ?
@IngvarLosev 4 жыл бұрын
Спасибо !!!
@iNikelas Жыл бұрын
Thank you!
@user-rg5wh3fx2q 4 жыл бұрын
Спасибо Просто комент, чтобы помочь попасть в тренды x)
@VladilenMinin 4 жыл бұрын
В тренды :D
@sergeykriukov9533 3 жыл бұрын
Владилен, в уроке (23:20) вы говорите, что после обработки ошибки в subscribe() программа выполняется дальше. Но "Value: After 3000 ms" не выводится, т.е. после observer.error('Something went wrong') поток останавливается ?
@user-li7ce3fc3z 3 жыл бұрын
Типо учить ещё одну библиотеку что бы делать тоже самое
@romangrushko6070 3 жыл бұрын
Про 3 функции в subscribe повторился😀
@__alexfox__ 4 жыл бұрын
Три месяца назад, я первый раз посмотрел этот видос и нифига не понял. Теперь, когда разобрался и применил rx в паре проектов, не понимаю как жил до него, это очень удобная штука! Спасибо Владилен, ты прокачал мой скилл)))
@nexgenua 4 жыл бұрын
Самое главное в rxjs не пихать его бездумно в любой проект) Высока вероятность, что в 80% где его применяют - он там не нужен. При написании кода нужно помнить, что код мы пишем для других людей, а не для себя, написать на 3 строчки кода может дать намного больше для понимания, чем запутанная колбаса из обсерверов.
@__alexfox__ 4 жыл бұрын
@@nexgenua Согласен. Но даже в малых проектах, rx позволяет стандартизировать подход для решения типовых задач. Так код становится ещё проще и решения более ожидаемые. Колбасы из обсерверов решаем рефакторингом.
@Arctic1987 3 жыл бұрын
@@nexgenua я бы сказал, что так нужно обращаться со всеми технологиями
@yakut54 2 жыл бұрын
Дружище, объясни на пальцах, где эту хереобору применять? Где без неё не обойтись?
@Renarus 3 жыл бұрын
Когда я это смотрел в первый раз, мало что понял. Спустя примерно пол года пересмотрел, понимаю, на сколько же код написанный с помощью RxJS элегантный и понятный в сравнению с нативным js. А самое главное, это помогает исключать callback-hell в проектах.
@konstantinsurnin855 3 жыл бұрын
промисы в нативе для этого же придумали
@user-bp3vk3uj8h 2 жыл бұрын
помимо promise есть даже сахар в виде async await(читабельней некуда), какой колбэк хэл?
@user-dd9uy7cy6j 3 жыл бұрын
чет я так и недопонял какую проблему он решает=(
@IvanFedulov 3 жыл бұрын
ловкая манипуляция потоками значений, декомпозиция и переиспользование кода. по сути любую задачу и без rx можно решить - но порой не так лаконично и красиво.
@yurizappa268 3 жыл бұрын
Проблема появляется в большом проекте, когда есть куча событий и их обработчиков в разных файлах, а код быстро превращается в спагетти, которое трудно поддерживать. Тут и приходит на выручку правильная архитектура приложения и RxJS как инструмент, позволяющий разделить "спагетти" на автономные модули.
@dmitrykarpenko6983 4 жыл бұрын
спасибо
@SmashLight 4 жыл бұрын
Таймкоды: 1. Применение (0:38) 2. Создание стримов (14:15) 3. О 'Subject'ax (34:11) 4. Об операторах (40:49)
@user-rn3et9eh5x 2 жыл бұрын
Таймкоды: 00:00 - Введение 00:38 - Применение 14:15 - Создание стримов 34:11 - Subject 40:49 - Операторы
@user-fg4bu2mw4y 4 жыл бұрын
Владилен, запиши пожалуйста обновленный курс по ngrx. Спасибо.
@NikitaJe_ 2 жыл бұрын
Thank you Sir
@sergey_molchanovsky 4 жыл бұрын
Неплохо бы было про Throttle рассказать, штука полезная.
@SergeyMenshov 3 жыл бұрын
Владилен, огромное вам спасибо! Очень классное погружение в RxJS для тех кто его в глаза никогда не видел.
@Maryna768 3 жыл бұрын
поддерживаю
@alexgrinberg1888 3 жыл бұрын
Very good course. Vladilen, please create more advance RxJS courses for professional developers. Not every developer fully understands how RxJS works. So such a course would be so helpful for the community. Thanks a lot!
@syimykamatov8955 4 жыл бұрын
Рахмат
@fliikc 2 жыл бұрын
Пасибо
@McRay8 4 жыл бұрын
Спасибо
@andrejkozik9436 4 жыл бұрын
Хороший темп.
@bekzhan9401 4 жыл бұрын
можно пользоваться вторым терминалом нажав на плюс слева сверху терминала
@user-wf8bu6mt2i 3 жыл бұрын
Круто, зрозуміло, якісно.
@SlavaCh 4 жыл бұрын
Владилен, у меня заказ: расскажите про библиотеку lodash, так как вы умеете за час и осветите основные функции и их применение на практике, а то я все ленюсь этим заняться и пишу велосипеда, а затем узнаю что такое есть в lodash)
@musicits_fun 4 жыл бұрын
underscorejs.ru/ - заходишь и 80% документации совпадает с lodash, только на русском и там же хорошие примеры. Просто читай сверху вниз и всё.
@olegpristashkin9078 3 жыл бұрын
Привет Влад. Что ты понимаешь под stream? Что это понятие из себя представляет?
@mihaiciobanu2665 2 жыл бұрын
Переведи stream на русское слово "поток" и начинай понимать что из себя он представляет.
@andmak4795 4 жыл бұрын
Влад, есть к тебе вопрос, нужно запилить приложение для телефона( ничего сложного - обновление отчетов по заказам, регистрация, уведомления). Что бы ты выбрал Ionic 4 + Ang VS React Native? Зарание спасибо.
@VladilenMinin 4 жыл бұрын
Я склоняюсь в сторону React Native Скоро по нему как раз буду делать материалы
@yakut54 3 жыл бұрын
нихрена не понял, но очень интересно. чёт хрень какая то за уши притянутая . на первый взгляд такое мнение складывается... на всякий случай лайк ))
@user-jn4sd1dq8x 4 жыл бұрын
Кому интересна концепция стрима, посмотрите видео про "JavaScript Паттерны", а конкретно про паттерн Observer kzfaq.info/get/bejne/j7CGnZeJs6e3dJ8.html. Там Владилен объясняет как написать свой простенький стрим.
@Shkur777 4 жыл бұрын
Владилне, очень хотелось бы увидеть уроки по google apps scripts в Вашем исполнении. Мне нравится что делает labnol но прям в какой-то момент не возможно его смотреть становится.