Реактивность в JavaScript, события и паттерн Observable: что это и как этим пользоваться
Переглядів 6,201
День томуПоговорим о реактивности. Разберёмся, что это такое, как можно её использовать и напишем зачатки нашего собственного фронтенд-фреймворка.
Поддержать канал: lyoha.info/donate
Telegram-канал: t.me/lyohajs
Браузерные события: learn.javascript.ru/introduct...
Про Observable: ru.wikipedia.org/wiki/%D0%9D%...
Текстовая версия видео: lyoha.info/blog/scary-reactiv...
Музыка в видео: Yung Kartz - Strange Times
Некоторые видеофрагменты взяты с сайта pexels.com
0:00 Почему не нужно бояться терминов и технологий?
0:58 Реактивность - это...
2:45 Реактивность в самом чистом JS
3:49 Реактивность на Event и CustomEvent
4:54 Паттерн Observable
7:36 Пример работы с DOM при помощи Observable
8:22 Реактивность как основа JS-фреймворка и не только
#javascript #реактивность
@assetdev1859 Рік тому
Да ты мужик очень крутой!! Спасибо за видос, пояснил мне про реактивность! Такую функциональность вроде можно и с proxy замутить)) Побольше такого контента для начинающих
@alekseiflis9087 2 роки тому
Еще не досмотрел видео, но уже хочу поблагодарить автора за материал. До этого на вашем канале просматривал обзор на ViteJS, и по итогу сложилось очень приятное впечатление о вашем канале. Спасибо за труд, подача прекрасна, лаконична, и очень приятна. P.S. Лайк поставил и подписался)
@user-hi9yj7so7q 3 роки тому
Отличное видео! Хороший формат! Продолжай!!!
@lyohaplotinka 3 роки тому
Спасибо, обязательно :)
@45632476 Рік тому
Хорошие впечятления после просмотра. Бекграунд музыка, спокойный и четкий голос, красивые картинки, примеры. Лаконично, доступно. Спасибо за контент. Желаю развития твоему каналу.
@EvgenyTalagaev Рік тому
Спасибо за видео, у вас приятный голос, слушаю с удовольствием)
@avakyansamson 3 роки тому
Продолжай, у тебя хорошо получается
@dmitryshkinder1543 2 роки тому
Понятный урок и кайфовый голос! Спасибо
@oleksandrlesiuk6239 3 роки тому
Спасибо, очень интересно
@Flamel001100 2 роки тому
очень классные видосы делаешь, спасибо)
@bobomurod 3 роки тому
Благодарю, супер всё
@mrhollownet8663 2 роки тому
Хорошее видео, спасибо!)
@dimakovalenkov7835 2 роки тому
Спасибо, оч интересно и полезно
@kirillpavlovskii8342 2 роки тому
Ты в этом видео по сути редакс написал свой как я понял , очень хорошее объяснение , спасибо !
@lyohaplotinka 2 роки тому
Ну тут скорее редакс, как и большинство хранилищ, использует Observable :)
@kirillpavlovskii8342 2 роки тому
@@lyohaplotinka если бы ещё метод dispatch написал бы и createstore тогда был бы редакс полностью )))
@sprite7393 Рік тому
10/10
@alekscosevoi4157 2 роки тому
Ух ты, а я то думал что знаю js)
@parnasmi 2 роки тому
Отличный урок! Реактивность, паттерн Observable и EventBus это одно и тоже?
@lyohaplotinka 2 роки тому
Конечно нет. Observable и EventBus, скорее, вещи, которые наглядно её демонстрируют: позволяют сделать какое-то действие как реакцию на какое-то событие.
@bobomurod 3 роки тому
В 6:33 про какой значок «земля» говорится?
@lyohaplotinka 3 роки тому
Имеется в виду "_", я слышал, как его называют "земля", или "low dash" :)
@bobomurod 3 роки тому
@@lyohaplotinka private property of object
@bobomurod 3 роки тому
Понял
@nikital.9036 Рік тому
А как описываться от событий?)
@olezhonnv3215 2 роки тому
Америку открыл! Молодец!
@user-bc2zt4jr6u 2 роки тому
ты случайно не тот самый Sorax??!!
@yakut54 2 роки тому
А ты куда свинтил то? Чё то давно видосов не выпускал.
@lyohaplotinka 2 роки тому
Готовлю новое видео как раз, надеюсь, будет интересно :)
@yakut54 2 роки тому
@@lyohaplotinka ждём!
@yakut54 2 роки тому
@@lyohaplotinka что то как то вроде начинаю понимать.... 🙂 Чем то redux напомнило. туго тема заходит. ох туго.
@yakut54 2 роки тому
тааак... реактивность значит реакция. Так и запишем. Только понять не могу почему нельзя написать проще, if(result > 200){ alert('Результат больше 200!') } что удобного в написании лишнего, за уши притянутого кода. нахрена весь этот огород городить? Объясните мне тугодуму на пальцах кто нибудь. Буду бесконечно благодарен.
@lyohaplotinka 2 роки тому
В данном примере, конечно, ничего. Суть была показать, как это можно сделать)
@yakut54 2 роки тому
@@lyohaplotinka принял. Продолжаю копать в эту сторону. Пример с классом Observable плюс минус дал понимание. Зацепку. Спасибо за науку! 🤓
@yakut54 2 роки тому
@@lyohaplotinka Я понял эту тему 🤘
@t0pc0der Рік тому
музыка отстой
Алексей Соловьев
Переглядів 48 тис.
Суспільне Вінниця
Переглядів 1,1 млн
Осторожно: Собчак
Переглядів 8 млн
Студия Квартал 95 Online
Переглядів 324 тис.
Алексей Соловьев
Переглядів 15 тис.
Алексей Соловьев
Переглядів 8 тис.
ROZETKA
Переглядів 31 тис.
spline
Переглядів 441 тис.
FISPECKT
Переглядів 182 тис.