RxJS Быстрый курс - Реактивное программирование на JavaScript [2020]
Вставка
- Опубліковано 25 чер 2024
- Получить профессию 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
Я вот так подумал - я лайкаю все, что смотрю. Подписка есть. Колокольчик тоже)) Курсы смотрел, купил. Главное, что бы Влад не выдохся и не забил на канал. Вдохновения, мотивации, больше практических курсов(можно даже платных), ну и побольше кеша, после проделаной работы, тебе. ))
Благодарю за отзыв :)
Канал не заброшу, слишком много идей и мыслей по контенту!
Скоро будет практический курс бесплатно тут)
По кешу да, если есть такой посыл, то буду рад любым донатам в ВК или на патреоне
В описании к ролику вы найдете ссылку на плейлист с практикой и реальным применением RxJS
Приятного просмотра)
Спасибо за уроки. У вас нету уроков для NgRX?
ОГОНЬ!!! Жду курса с нетерпением.
Просто пушка, а не контент. Спасибо огромное!)
Очень понятно, без лишней воды, спасибо за видеоурок
Огромное спасибо за видос, очень помог в прохождении тестового задания. Видео открыл после того, как увидел технологию в интересующей вакансии, думаю "А что такое rxjs", через несколько часов прилетело тестовое задание "Обязательно используйте rxjs и Observables" Подумал, ну все, ласты, хз как его сделать. Но после ознакомления по видео, и десятка статей и решений в интернете к вечеру задание уже выполнил, и спокойно себе выбирал стили для кнопочек и отступы. Образование через youtube имеет свои плоды. Спасибо за ваш труд!
Аналогичная ситуация! Пришел ответ от компании с тз где нужно юзать rxjs, сижу, зубрю)
@@YuretsUA подскажите как вы реализовали остановку?)
Я тащусь, Ваш труд бесценен!
Спасибо за качественное видео! Все основные моменты RxJS описаны очень доходчиво и с понятными примерами!
Отличный урок! Максимум информации про RxJS всего за 1 час. Очень продуктивное видео, как всегда Владилен на высоте. Спасибо, было очень ценно для меня!
Все как всегда по делу и без воды. Благодарю
Владилен, спасибо вам за труд, делайте еще, будем смотреть)
Супер, как всегда) большое спасибо!)
Браво! Много уроков смотрела и читала статьи, но только тут всё понятно стало)
Посмотри на RxJS в практике в полном курсе по Angular 8:
clc.to/angular
полный курс не содержит секции про тестирование
Дима Танасийчук к концу месяца добавлю большую секцию
Спасибо за видео. Вы сохранили моё время и нервы
Лаконично и по существу. Браво!
Спасибо, как всегда отличное видео!
Было бы здорово увидеть rx на живых примерах.
Максимально ясно и доступно. Спасибо!
Great course. Please do more such valuable courses in the future. Thanks, Vladilen!
Спасибо огромное, я очень рад что нашел твой канал) Очень классно объясняешь!
Спасибо за контент, помог сформировать понимание концепции rxjs и выполнить первую связанную с этим задачу)
На самом деле, это одно из лучших видео с объяснением RxJS, парни, кому не понятно, не расстраивайтесь, тема сложная я сюда с официальной доки и хабра-статей пришёл и только более-менее стало понятно, что к чему. Нужно переварить просто, повторить ручками.
Спасибо за титанический труд !
Изучил RxJs за 38 минут на скорости 1.5 :D Спасибо!
Спасибо за видос! Как всегда круто
спасибо, от тебя всегда узнаю о годных темах
Отличное видео, до того как его посмотрел RxJS всегда был какой-то магией
Спасибо за урок. Самый лучший урок)))
Thanks a lot! When I was watching this video, I got a much relaxed. Great job!
Очень интересно слушать, спасибо! Хотелось бы увидеть материал по оптимизации Angular приложений.
Отличный урок. Спасибо!
Супер понятно все рассказал , спасибо !
то что надо, спс большое
я уже несколько лет обучаюсь по твоим видео, и смог самостоятельно получить позицию джуна в ЕПАМ, теперь меняют проект, перехожу на ангуляр.. готовлюсь к интервью. СПС за невероятный труд
Отличное видео, спасибо!
огромное спасибо за урок! Очень классное видео.
Очень крутое видео, спасибо !
Спасибо за видео Владилен
Более подробные таймкоды:
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
Привет, отличный материал по Rx, спасибо
Большое спасибо!
Спасибо за хороший курс.
Спасибо, было интересно и полезно
Спасибо за интересный контент)
Спасибо за труд!
Круто подали инфу, спасибо!
Спасибо, очень хорошее изложение материала.
Супер курсы. Я доволен.
Годно!Молодец!
Спасибо за полезное видео. 👍 👍 👍
Спасибо Владилен
Красавчик !
Спасибо, хорошее видео!
Крууутатенюшка ;)
Крутой туториал!
Спасибо за курс
Ждём видос по NgRx)
небольшой курс по NgRx есть от Владилена. Курсу 3 года, но дает отличное понимание что это за технология) Можешь поискать на coursehunter
@@user-kq2yo3my9l Спасибо
Странно, смотря видео так и не понял что такое pipe оператор. Открыл официальную документацию, прочитал. И, о чудо! сразу все стало понятно!
Лучший канал на русском языке, прохожу сейчас твой курс на Udemy по Angular - доступно и понятно, спасибо!
Спасибо друг!
Спасибо за видео!
спасибо, очень полезное видео
Спасибо большое! Благодаря Вам и Вашим курсам я ушла с верстки джуном на Ангуляр на хорошую зарплату с большой перспективой. Удачи Вам во всем и спасибо. У Вас самые лучшие уроки по Ангуляру и JS.
Сколько времени заняло освоение Ангуляра? )
@@user-zj4tk1mh4m я его ещё не освоила. В процессе
@@uaplatformacomua я имею ввиду сколько времени потребовалось чтобы устроиться джуном? От начала изучения Ангуляра до самого трудоустройства )
@@dnevnikdevstvennika_ на первую работу откликнулась на вакансию в интернете, на вторую попала по предложению в линкедине
у нас есть второй интервал? А зачем два интервала?
Спасибо! Сразу понятно все стало после просмотра! Ещё state manager надо бы где-то посмотреть
а что такое стрим?
Очень полезная информация
разобрался, спасибо!
Respect😉
Хороший урок, спасибо. Хоть каждый день пользуюсь rxjs, но лишний раз послушать разбирающегося человека приятно. Я бы еще добавил takeUntil - очень важная штука для unsubscribe. И чаще используется, чем take, насколько я могу судить
Посмотри плейлист на канале с практикой. Там все разобрал
Спасибо!
Спасибо большое...
Как то мало теории. Просто примеры. Они крутые, но теория как это работает под капотом тоже важно для понимания. В любом случае материал качественный. Спасибо🙂
Зачётненько, но с примерами асинхронных запросов, конечно, было бы совсем огонь :)
Владилен, волшебник ϟ%)
Велкам! На канале есть плейлист по практике RxJS для разных сценариев. В том числе и асинхронный код
Отлично все понятно и четко.
Больше тем про Angular , кто согласен ?
Спасибо !!!
Thank you!
Спасибо
Просто комент, чтобы помочь попасть в тренды x)
В тренды :D
Владилен, в уроке (23:20) вы говорите, что после обработки ошибки в subscribe() программа выполняется дальше. Но "Value: After 3000 ms" не выводится, т.е. после observer.error('Something went wrong') поток останавливается ?
Типо учить ещё одну библиотеку что бы делать тоже самое
Про 3 функции в subscribe повторился😀
Три месяца назад, я первый раз посмотрел этот видос и нифига не понял. Теперь, когда разобрался и применил rx в паре проектов, не понимаю как жил до него, это очень удобная штука! Спасибо Владилен, ты прокачал мой скилл)))
Самое главное в rxjs не пихать его бездумно в любой проект) Высока вероятность, что в 80% где его применяют - он там не нужен. При написании кода нужно помнить, что код мы пишем для других людей, а не для себя, написать на 3 строчки кода может дать намного больше для понимания, чем запутанная колбаса из обсерверов.
@@nexgenua Согласен. Но даже в малых проектах, rx позволяет стандартизировать подход для решения типовых задач. Так код становится ещё проще и решения более ожидаемые. Колбасы из обсерверов решаем рефакторингом.
@@nexgenua я бы сказал, что так нужно обращаться со всеми технологиями
Дружище, объясни на пальцах, где эту хереобору применять? Где без неё не обойтись?
Когда я это смотрел в первый раз, мало что понял. Спустя примерно пол года пересмотрел, понимаю, на сколько же код написанный с помощью RxJS элегантный и понятный в сравнению с нативным js. А самое главное, это помогает исключать callback-hell в проектах.
промисы в нативе для этого же придумали
помимо promise есть даже сахар в виде async await(читабельней некуда), какой колбэк хэл?
чет я так и недопонял какую проблему он решает=(
ловкая манипуляция потоками значений, декомпозиция и переиспользование кода. по сути любую задачу и без rx можно решить - но порой не так лаконично и красиво.
Проблема появляется в большом проекте, когда есть куча событий и их обработчиков в разных файлах, а код быстро превращается в спагетти, которое трудно поддерживать. Тут и приходит на выручку правильная архитектура приложения и RxJS как инструмент, позволяющий разделить "спагетти" на автономные модули.
спасибо
Таймкоды:
1. Применение (0:38)
2. Создание стримов (14:15)
3. О 'Subject'ax (34:11)
4. Об операторах (40:49)
Таймкоды:
00:00 - Введение
00:38 - Применение
14:15 - Создание стримов
34:11 - Subject
40:49 - Операторы
Владилен, запиши пожалуйста обновленный курс по ngrx. Спасибо.
Thank you Sir
Неплохо бы было про Throttle рассказать, штука полезная.
Владилен, огромное вам спасибо! Очень классное погружение в RxJS для тех кто его в глаза никогда не видел.
поддерживаю
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!
Рахмат
Пасибо
Спасибо
Хороший темп.
можно пользоваться вторым терминалом нажав на плюс слева сверху терминала
Круто, зрозуміло, якісно.
Владилен, у меня заказ: расскажите про библиотеку lodash, так как вы умеете за час и осветите основные функции и их применение на практике, а то я все ленюсь этим заняться и пишу велосипеда, а затем узнаю что такое есть в lodash)
underscorejs.ru/ - заходишь и 80% документации совпадает с lodash, только на русском и там же хорошие примеры. Просто читай сверху вниз и всё.
Привет Влад. Что ты понимаешь под stream? Что это понятие из себя представляет?
Переведи stream на русское слово "поток" и начинай понимать что из себя он представляет.
Влад, есть к тебе вопрос, нужно запилить приложение для телефона( ничего сложного - обновление отчетов по заказам, регистрация, уведомления). Что бы ты выбрал Ionic 4 + Ang VS React Native? Зарание спасибо.
Я склоняюсь в сторону React Native
Скоро по нему как раз буду делать материалы
нихрена не понял, но очень интересно. чёт хрень какая то за уши притянутая
.
на первый взгляд такое мнение складывается... на всякий случай лайк ))
Кому интересна концепция стрима, посмотрите видео про "JavaScript Паттерны", а конкретно про паттерн Observer ua-cam.com/video/YJVj4XNASDk/v-deo.html. Там Владилен объясняет как написать свой простенький стрим.
Владилне, очень хотелось бы увидеть уроки по google apps scripts в Вашем исполнении. Мне нравится что делает labnol но прям в какой-то момент не возможно его смотреть становится.