Бесконечно Реактивный JavaScript

[@it2138]

Тренажеры HTML Academy (HTML, CSS, JS, React) + Академия + Книга рецептов фронтендера + комьюнити за 99 рублей: boosty.to/how-to-learn-it Какие тренажеры бывают: htmlacademy.ru/courses#fe-start В моем Telegram - канале "Как пройти в IT?" публикуется ровно один пост в день! Это отборный и полезный материал для вашего развития! На пути в синьоры-помидоры важно каждый день уделять образованию хотя бы 10-15 минут! Подписывайтесь: t.me/howToLearnIT ==================== Ребята, на 13:13 я говорю про то, что пропускается значение 20 градусов цельсия, но на самом деле ничего не пропускается. Я ошибся на монтаже, прошу простить =) Должно было быть [20, 19, 20, 20, 25, 31] вместо [20, 19, 20, 25, 31]. ________________ Один из моих самых любимых каналов о Фронтенде в telegram: t.me/frontendnoteschannel ________________ 0:00 История появления Реактивности 02:09 Интерактивность vs Реактивность 04:57 Реактивный офис 06:14 Абсолютная асинхронность 07:03 Что такое потоки? 07:35 Оbserver Design Pattern 08:22 Воображаемая реактивная пожарная система 10:40 Реактивные библиотеки 11:25 Оператор - главный инструмент управления потоком 11:56 Реальная реактивная пожарная система 15:07 Слабые стороны реактивности 16:11 Резюме ________________ Пожарная система из видео: codesandbox.io/s/confident-co... ________________ Материалы, которые я использовал для подготовки видео: 1) Must Read - habr.com/ru/company/timeweb/b... 2) gist.github.com/staltz/868e7e... 3) rxjs.dev/guide/overview 4) habr.com/ru/company/oleg-buni... 5) medium.com/@kevalpatel2106/wh... Спасибо авторам! #JavaScript #programming #reactive

[@stanislavzatolokin6860]

Этот канал - бриллиант, сокровище для фронтендера. Спасибо!

[@AlexNesterov-f5q]

самое лучшее объяснение реактивного программировани, жалко этого видео не было где то пол года назад. Лайк!

[@Erebor99700]

Мало что понял, но респект за простые и понятные аллегории

[@bohdanbasov]

Работаю с rxjs, из проблем это дебагинг, есть трудности с написанием тестов и тяжело онбоардить новых разработчиков

[@vladvladov4095]

то есть тебе именно онбордить тяжело или донести суть rx?..

[@Simon-rq7sx]

На 14:40 ты показал очень плохой пример кода, он мог бы быть написан в один-два уровня, так-же забыл рассказать про основные законы rx-а: 1) Вложенные сабскрайбы запрещены(можно, но будут страшные сайд-эффекты) - вместо них нужно юзать операторы switchMap, mergeMap и т.д. 2) Желательно не делать больше двух уровней вложенности труб(pipe) А так видео супер P.S. Так же можно было рассказать про hot и cold стримы

[@it2138]

Привет! Спасибо за отзыв =) Даа, это все можно было рассказать и я про это думал, но мне хотелось рассказать именно про Реактивное программирование, а не про rx-библиотеку. Просто сам пример кода было логичнее показать на самой популярной библиотеке. Но при этом не хотелось, чтобы зритель думал, что кроме RxJs нет ничего, поэтому я считаю, что такие более хардкорные темы лучше рассказать в другом выпуске. А про 14:40 да уж такое форматирование не допустимо. Но тут прошу меня простить, вставленный комментарий немного нарушил красоту. Наверное нужно было вставить тело кода в блок { }

[@xDiezz]

rx овно просто

[@SemyonTishchenko]

Спасибо, хороший и доступный ролик. Когда работал над ангуляр проектом с rxjs делал все почти вслепую, чудо что оно работает как надо :) спасибо за разъяснения

[@volodimiryemshyn715]

Как же приятно когда ты работаешь с RxJs и тут выходи видео где его восхваляют

[@veronikas.1347]

Ооочень крутой канал! Подача, информация - просто супер. Никакой нудятины и при этом очень информативно

[@funnyenglish4330]

Лайк и коммент для продвижения супер-полезного канала👍🏼🙌🏻

[@fomka_wyverno]

а что такое реактивное программирование?

[@evlbon]

Очень нравятся темы роликов и твоя подача! Несправедливо, что у тебя так мало подписчиков

[@max_mgtow]

Наконец новый ролик 👏👍

[@romanvishnevetsky9418]

Очень круто! хотелось бы видосы с полулярными операторами) Спасибо

[@евгенийбогданов-щ1б]

привет, обожаю твои видосы. будут что-то связанное с web3? очень хотелось послушать

[@dhotovskyi]

Все хорошо в меру. Нужно понимать, где это требуется, а где нет. Мы сейчас полностью выпилили (ну почти) все возможные подписки и потоки в приложении. Что получили - разделение логики и компонентов, значительно перформанс, стал простой дебаг и порог входа для новых девелоперов значительно снизился. Повторюсь, всему свое место. Реактивность так же нужна, но надо применять ее со смыслом, а не поддаваться хайпу и все запиливать на нее.

[@БехзодИргашев]

Ухх спасибо большое, очень интересно и доходчево объяснил )

[@dimovich85]

Монадами запахло) 👍

[@Podolsky45]

Сделаешь отдельное видео про rxjs? 🙏

[@TheILOVEYOUXD]

Очень круто объясняешь. Как говорится щииикарнннооо, особенно про нюдсы залетело :DDD

[@ПавелВасильев-ц4м]

Круто! Больше полезных видео!

[@knopig]

спасибо, как всегда очень интересно и доступно!

[@drawerhack1717]

спасибо большое

[@worldsvibe4689]

Интересная тема в крутом ролике с примитивными понятными примерами. Спасибо, лайк подписка однозначно )

[@PavelLitkinBorisovich]

Большое спасибо, немогу решиться затащить rx в prod, главный вопрос, вот надо ли оно все такое в обычных аклепациях? Понятное дело если пилим бирживой монитор с обнавлениями по 5 раз в секунду, ну а если бэкэнды на реакте скажем, не будет ли оно как бы это сказать, мм тормозить разработку?

[@ivankprod]

Ну тут все просто: если у тебя на бэке юзаются какие-либо потоки данных, то однозначно стоит, если нет то смысл)

[@VasyaFF]

Жизнь фронтэндера делится пополам: до знакомства с RxJs и после знакомства с RxJS

[@a.osethkin55]

Круто! Спасибо!!

[@alexandrstrekalovskiy4083]

Что курить надо, чтобы увидеть аналогичность между связанными кружками, непрерывным потоком задач от начальника и конвеером дяди Форда? Можно мне тоже...

[@someddd-s2w]

класс

[@Шурикпубличный]

9:00 вообще ассинхронность реализуеться полностью на прерываниях процессора. Если в датчике будет контроллер со своим потоком то он сможет вызвать, а если там, у датчика пожара даже собственого питания нет то будет опрос каждые пять минут. событие на изменение переменной - представляете какое творчество для путаницы и нечитабельности. Поток заданий же будет не один, а будут и подпотоки и рекурсии и зациклености. Не советую. Я вообще стороник даже не ООП, а функционального программирования избегая состояний и баз данных, для PHP самое то - вертикальный главный ортогональный конвеер принимающий и выдающий данные и куча вспомогательных функций, хранение в джейсон файлах и рендеринг html. В яваскрипте стараюсь разбивать на импортируемые модули изменяющие строго только внешний вид html и куки. Запрет на общие данные у не полиморфных между собой модулей, взаимодействие между модулями только через пользователя и только через html.

[@postoronny]

Ну и чем это отличается от событийно-ориентированного программирования?

[@DzhigurdaAnton]

константы тоже в поток надо было засунуть)

[@yaroslav8609]

Вот это совпадение, как раз rxjs сказали выучить

[@max_mgtow]

Тоже сейчас учу

[@thomasshadows2797]

а можно нескромный вопрос, где учите? а то я устал, как котёнок тыкаться в пробы-ошибки, чтобы заработало 😅

[@max_mgtow]

@@thomasshadows2797 тут, UlbiTV, Владилен Минин 🔥

[@xDiezz]

шли на три буквы и учи mobx

[@cydalmorec]

Давай гайд по rxJs)

[@xDiezz]

Лучшая реактивная библиотека сейчас это mobx причем тут rx который весьма кривой для нормальной асинхронщины

[@Roman-fc8qt]

А это случайно не event sourcing?

[@ivankprod]

Похожее, но event sourcing это больше про хранение истории изменений данных, а не их самих

[@Roman-fc8qt]

@@ivankprod что-нибудь можешь порекомендовать на русском про event sourcing?

[@ivankprod]

@@Roman-fc8qt на хабре про это писали, а так я хз(

[@fmleglrmglrml]

Миссия

[@inoyakaigor]

Про RxJS рассказал, а про Mobx нет ((

[@baksonyan4ik]

Что за тяги, что за тяги

[@mykola1821]

ну надо было нормально пояснить, почему рективно-функциональное программирование, другими словами - мы обрабатываем АСИНХРОННЫЕ РЕАКТИВНЫЕ события операторами СИНХРОННОЙ обработки. Вообще провел в свое время много вебинаров по Rx, это все еще темный лес для многих, даже синиор+ уровня. Думаю со временем весь фронт енд перейдет на РФП, вместе с тем, как люди научаться еще работать с веб воркерами, сервис воркерами и тд(офк идет речь про проекты средней сложности и выше)

[@inoyakaigor]

> весь фронт енд перейдет на РФП Не дай б-г))

[@xDiezz]

он давно перешел на ОРП, РФП кривой и тормозной донельзя

[@mykola1821]

@@xDiezz что такое орп ?

[@demimurych1]

Автор видео не в курсе, что реактивность - это неотьемелемая часть функционального программирования. Первым языком программирования которого считается Лямбда Исчисление. Где именно и показана реактивность. Точнее она из него следует. Иными словами, любой функциональный код реактивен. То о чем автор рассказывает в видео, касается императивного кода. Elm это был первый язык существующий в функциональной парадигме, который позволял работать с фронтендом, для которого функциональная парадигма не являлась долгое время лучшим решением.

[@ipeterson]

Насколько же твой голос похож на переводчика фильма Люка Бессона "Home"

[@pythonavr]

Норм

[@bukanaka]

JS не однопоточный, а так было интересно, именно так я и представлял себе реактивное программирование.

[@dm.hol.3624]

В каком смысле не однопоточный?

[@bukanaka]

@@dm.hol.3624 в JS можно создавать потоки, общаться между ними, сделать один поток основным, а остальные второстепенными и т.д.

[@SanchReload]

Ты наверное про node js?

[@bukanaka]

@@SanchReload нет, я про SharedArrayBuffer, Worker, Atomic в JavaScript.

[@SanchReload]

@@bukanaka так это в ноде только же

[@jake_timabay]

Материал хороший, но слишком долгий и нудное объяснение

[@lostvegas6675]

первый лайк

[@AbraKadabra000]

Даунская технология) Не могу сказать, что это лучше обычного pub/sub

[@zerdox4]

подача вообще не соответствует информации. ощущение, что я пришел на канал для недоджунов. надеюсь, стиль, подача, оформления сменятся

[@clearsky906]

А какая информация по вашему должна быть на канале "Как пройти в IT"?

[@zerdox4]

@@clearsky906 я говорю о подаче, а не о информации. Да и ещё название канала не соответствует, это канал про фронтенд, а не про веб в целом или тем более не про в общем программирование и тем более не про IT

[@thomasshadows2797]

@@zerdox4 то есть фронтенд это не веб? ну да, это НЕ ТОЛЬКО веб 😄 а вообще, тут информация подаётся самым простым языком, вместо подачи кучи лишней информации)

[@zerdox4]

@@thomasshadows2797 канал в любом случае называется "как пройти в IT", что мне кажется странным. и я говорю именно про визуальную часть, облик, звуковое сопровождение, я не про контентную и информативную часть

[@clearsky906]

@@zerdox4 какие айтишники всё таки странные, фронтенд у них это уже не веб разработка......

[@ko3ak112]

Не знаю как тебе сказать, но ядерный реактор и атомные бомбы абсолютно не имеют отношения к реактивности. Такой бред высрал