Глеб Михеев - Как RxJS разделил мой мир на до и после

Рет қаралды 22,276

11 ай бұрын

Ближайшая конференция - HolyJS 2024 Autumn, 7 ноября (Online), 14-15 ноября, Санкт-Петербург
- -
RxJS появился в жизни Глеба в 2016 году вместе с Angular 2 и разделил жизнь на до и после. Те вещи, которые, как казалось, было невозможно отменеджерить, стало очень легко и непринужденно писать. Спикеру потребовалось 9 месяцев, чтобы научиться жонглировать реактивщиной, а до этого она жонглировала им.
Глеб рассказал, почему влюбился в Rx, показал его невероятную гибкость и удобство.
#js

Пікірлер: 61

@ProoksiusSvaagali 5 ай бұрын

Очень познавательно, я несколько раз пересматривал некоторые моменты. Большое спасибо.

@laviral5311 11 ай бұрын

Спасибо за доклад! Возможно не слишком детально, но комфортно слушать в рамках первых шагов к пониманию

@suppick9990 21 күн бұрын

Крутое выступление! С rxjs уже знаком, но было весьма интересно слушать Глеба, нашёл для себя интересные моменты, которые обязательно стану использовать в дальнейшем

@zewius5897 10 ай бұрын

Представили лицо оператора который за Глебом туда-сюда вертел камеру

@dimovich85 Ай бұрын

поменял пару подшипников наверно)

@kostyakozlov5289 9 ай бұрын

Супер, я в восторге!

@relaxdeepsleepmusic3608 11 ай бұрын

Глеб прекрасный оратор, отличный доклад, спасибо! 👍

@14brotherful 11 ай бұрын

Бегло, но хорошо:) всегда интересно слушать этого докладчика

@user-zs7kr6yp2s 10 ай бұрын

доклад обалденный, пойду читать доку

@dmitriyobidin6049 4 ай бұрын

21:31 Вот как раз таки тайпинги в Rx + Typescript всегда просто всю душу выворачивают, и на слайде это даже близко не тайпинг "где черт ногу сломит"... Это очень даже красивые тайпинги.

@abazhutov 4 ай бұрын

Суперпонятные презентации у Глеба - класс

@tired_glebmikheev 3 ай бұрын

@Dimonina 11 ай бұрын

Спасибо за доклад, полностью поддерживаю, вход в rxjs был тяжелый, но сейчас без него сложно. Брал курс по реакту для саморазвития, в итоге то что в rx одним-двумя операторами решается, там растягивается на энное кол-во хуков и других приемов. Это не лучше и не хуже, просто под задачи посложнее, rx уже более удобен. Но порог входа не супер легкий. Думаю тот же ангуляр придет к связке сигналы+rx, потому что 80% обычного функционала можно будет писать на сигналах, так как там правда проще все выглядит, хоть и функционал скудный, но его хватает, а что-то более сложное уже на rx

@tired_glebmikheev 11 ай бұрын

@0utki11en 11 ай бұрын

Доклад - 🔥, RxJS - 🔥

@erjigit17 11 ай бұрын

Пример отличный с кондиционером

@couragic 9 ай бұрын

Жестикуляция у докладчика такая, что можно без звука смотреть, и так понятно 😂 Кстати прекрасно его понимаю, я тоже не могу на месте стоять, когда что-то рассказываю со сцены.

@uwontrememberthis 11 ай бұрын

Глеб, не слушай хейтеров, доклад - заебись! До этого не сталкивался с Rx-oм, но узнал все интересовавшие меня аспекты: зачем оно нужно, когда его юзать, какие плюсы и минусы, как примерно работает под капотом.

@tired_glebmikheev 11 ай бұрын

Спасибо)

@artavazdavagyan 8 ай бұрын

20:52 золото

@glebkresh 11 ай бұрын

Пример с кондиционером не очень, основная часть реализаций Rx для бэкенда. У меня основной вопрос на которой я не получил ответ: зачем всю сложность и асинхронность переносить на клиента?

@user-ce9ff2rj4o 11 ай бұрын

В общем случае это делать не нужно. Вопрос в том, что есть задачи которые решаются при помощи rxjs проще, но пока вы точно не убедитесь что у вас такая - тащить rxjs смысла нет

@user-ce9ff2rj4o 11 ай бұрын

Ну и кстати, в большом количестве кейсов, где нужна реактивность - подойдёт реактивность на сигналах

@glebkresh 11 ай бұрын

@@user-ce9ff2rj4o тащил не я, но работал с rxjs на двух проектах и на них в целом это было "оправдано" тем что не хватило сил и возможностей у бэка, на одном проекте был один бэк на кмм... 8 фронтов. Если бы нормально организовать распределение ответственности на фронте и на бэке... но нет, тащат сложность на клиента.

@andriisiuta5864 11 ай бұрын

@@glebkresh причем тут сложность клиента, есть просто Ангуляр который базово завзян на Rx, и там нету никакой сложности о которой ты даже не упомянул > чем всю сложность и асинхронность переносить на клиента? - Потому что фронт в априоре работает с асинхронностю?) > Сейчас бекенд писать базовый проще чем фронт. Впринципе с 2017 где-то Клиент стал быстрее развиваться чем бек)

@vadymsushchenko1680 5 ай бұрын

Ну тут не в этом дело. Сколько вот слушаю таких докладчиков и не могу понять главное. 1. Зачем использовать промисы с последовательностями (пример с движениями мыши) и 2. зачем использовать rxjs для выполнения REST запросов (в ангуляре) промисы созданы были для рест а rxjs для обработки последовательностей (событий или данных) и весь геморой начинается когда вместо простого запроса (который поддерживается на уровне языка и fetch апи) начинают городить какуюто чушь и всем рассказывать как это охуенно. а я смотрю на это и думаю - о еще одна серебрянная пуля

@kvrk-kvrk 11 ай бұрын

Ого,Охрименко суперстар. Осенью у него учился девтулзам :)привеееет

@xDiezz 7 ай бұрын

Потом Глеб откроет mobx и тогда его жизнь начнется заново

@tired_glebmikheev 3 ай бұрын

Надеюсь не будет необходимости)))

@ixplo 4 ай бұрын

Спасибо докладчику за то, что даже в своём простом примере показал, как неинтуитивно выглядит код с RxJS, который решает довольно банальную задачу + максимальное его использование имхо возможно только в синтетических ситуациях. В остальных же случаях это имхо оверинжиниринг, который будет ОК, если случайно все в команде на зубок знают RxJS Но докладчику огромный респект за понятное объяснение и подробное предостережение о минусах

@user-nl2xt1sy1h 3 ай бұрын

RxJS достаточно легко понять если представить его как конвейер по обработки информации. Особенно с ним приятно работать когда нужно работать одновременно с несколькими источниками событий или предполагается какая то сложная логика обработки события. Возвращаясь к тому же примеру с полем поиска. Вы просто добавляете пару операторов делаете переключение на запрос данных и дальше выполняете код. Подобная сложная логика на промисах выглядит не очень, особенно, повторюсь, когда ваш код должен исполняться на основании событий от нескольких источников. Или такой кейс. Вам нужно с определенным делеем запрашивать данные с бэка пока не придет нужное значение или не будет израсходован лимит обращений. Особенно круто в angular это проявляется в работе с реактивными формами. Скажем так, я как и Глеб уже не могу думать о работе с событиями не в парадигме RxJS.

@dmitriyobidin6049 4 ай бұрын

27:18 Всё время существовала Венгерская нотация, а тут Финскую придумали :)

@silenceslice 5 ай бұрын

доклад интересный но мельтешащий туда-сюда автор в маленькой картинке отвлекает

@omonbekrikhsimboyev 8 ай бұрын

Если человек понимает полностью о том что он говорит , можно считать себя хорошим прогером? Я ангуляр разработчик года 2 , и то что он говорит я понимаю полностью

@tired_glebmikheev 8 ай бұрын

Это значит, что ты понимаешь базу rxjs, цель этого доклада рассказать что rx крут для тех кто еще не (нас ангулярщиков мало, кто понимает rx)

@johnstrayk5208 Ай бұрын

Хороший или не хороший прогер это хумэра-хамера, имеет значение только качество твоей работы.

@alexanderrodin4677 11 ай бұрын

XState

@StepanZubashev 8 ай бұрын

Всё думал, почему я терпеть не могу rxjs. Наверное просто не понимаю его, что-то делаю не так. Посмотрел это видео. Ну что ж. Всё я делаю так, и понимаю правильно. Чрезвычайно избыточный инструмент для 99% задач. И слишком сложный для 1% случаев где он мог бы быть полезным.

@ixplo 4 ай бұрын

ппц 9месяцев на изучение технологии для синьора. Ну камон )

@tired_glebmikheev 3 ай бұрын

отвечаю, писать на ней сможешь уже через неделю, а чтобы ей искусно жонглировать - да, 9 месяцев)

@staspanyukov4822 10 ай бұрын

Только не тащите rxJs на бэкенд

@vladislavstepanov7591 11 ай бұрын

Когда началось сравнение с реактивностью вью, какая-то лапша началась

@user-cg9el1hb1s 10 ай бұрын

Это конечно здорово, что ведущий попытался объяснить принципы работы rx-а, но я сильно сомневаюсь что за 30 минут спешки, без проработанной терминологии и вдумчивых объяснений, хоть кто-то, не знавший ранее rx, что-то понял. Я ничего не имею против Глеба, очень умный парень, но суть доклада мне не ясна. Люди которые уже хоть как-то знали и использовали rx не получили новой информации, а те кто не знал rx-а, так нормально ничего и не уяснили. Я считал, что цель таких выступлений именно донести что-то новое. Буду рад другим мнениям.

@mihinov 9 ай бұрын

Ну я знаю rxjs и даже применял его в анимациях. Но такие жонглирования не делал с raf, тем более не создавал свои пайпы (не мыслил такими категориями). Мне было интересно послушать

@web-impuls 11 ай бұрын

А почему они всегда из стороны в сторону ходят по сцене, у них что, энурез?

@kusov4748 11 ай бұрын

Плиз не ходите по сцене во время рассказа. Очень отвлекает . (

@alexeizuzin 11 ай бұрын

Кондиционер не освежает воздух, а гоняет ваши выхлопы по кругу. Окно надо открывать для вентиляции. А хочешь экономить на свежем воздухе для работяг интеллектуального труда - стыд и позор.

@tired_glebmikheev 11 ай бұрын

Бро, сгоняй в любой приличный отель в жарком регионе типа Турции, у тебя выключается кондей, когда ты открываешь окно Стыд и позор?)

@profesor08 11 ай бұрын

Это называется - вентилятор

@TheProfessionalGambler 11 ай бұрын

Есть разные кондиционеры. Поэтому, это тебе стыд и позор🤡

@profesor08 11 ай бұрын

@@TheProfessionalGambler молоко черное

@aquinary. 7 ай бұрын

А коробку вне улицы по приколу ставят типо, да?

@gleb4059 Ай бұрын

Мой мир тоже был разделён: никогда больше говно бесполезное это юзать не буду)

@user-lc9hl2up9r 5 ай бұрын

Какой смысл от преимущества "RxJS СИНХРОНЕН", на 27:47 если в примере с of(1) туда класть обычное число вместо промиса? Доклад, конечно, интересный, но смысла принижать классическое асинхронное программирование из-за декларативного синтаксиса RxJS смысла 0. console.log(1); of(Promise.resolve(3)).subscribe((x) => { console.log(x); x.then((val) => console.log(val)); }); console.log(2); Этот пример выдаст точно такой же результат как если бы Мы сделали console.log(1) Promise.resolve(3).then(console.log) console.log(2) Только еще значительно усложняем синтаксис для подобной задачи. Если хочешь чтобы данные прилетали синхронно, когда они появятся -- есть подходы с callback и EventEmitter, последний из которых, вероятно, и используется в ядре RxJS. Ищите каждой задаче свой инструмент -- и будет Вам счастье.