Тёмный

Redux vs Mobx - сравнение на реальном React приложении 

wise.js 
Подписаться 18 тыс.
Просмотров 14 тыс.
50% 1

Опубликовано:

 

2 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 117   
@wisejs
@wisejs 2 года назад
Интересен ли вам курс по стейт менеджмемнту, подобный Redux Saga, на моем канале? Если да то какой: Redux, Mobx, Mobx-State-Tree, Apollo, Recoil?
@viks2387
@viks2387 2 года назад
Привет, было бы интересно про Apollo - как правильно хранить данные, кешировать, как сделать аналог useSelector. Так как в доке не достаточно ясны эти моменты. Спасибо!)
@jartxxx2186
@jartxxx2186 2 года назад
Ну и кто то обещал тестирование redux-saga
@Headliner73
@Headliner73 2 года назад
Mobx-State-Tree тоже интересен
@malikimansaparov4901
@malikimansaparov4901 2 года назад
Будет классно послушать про redux-toolkit
@aymkin
@aymkin 2 года назад
Работаю с RTK, было бы интересно познакомиться с MST
@noname1999x
@noname1999x 2 года назад
Сравнение RTK и MST в связке с Typescript будет огонь! P.S. спасибо за понятные туториалы
@philipinhoi8091
@philipinhoi8091 2 года назад
Кто вообще в 2к21ом сравнивает чистый редакс? Почему не взять RTK?
@wisejs
@wisejs 2 года назад
В видео сказал об этом. ИМХО тулкит есть смысл сравнивать с mobx-state-tree.
@indigosay
@indigosay 2 года назад
React-query
@sasdasaasdasdasdadad5354
@sasdasaasdasdasdadad5354 2 года назад
по redux toolkit интересно будет посмотреть
@МаксимНырков-у6г
@МаксимНырков-у6г 2 года назад
тоже интересно
@alexz6397
@alexz6397 2 года назад
Да, сравнение RTK с MST тоже было бы интересно посмотреть. Спасибо за качественный и очень актуальный контент!
@ВасилийРусских-ш9т
Автор лайкнул Z-дебила, фуууу
@Владислав-б7ф4я
@Владислав-б7ф4я 2 года назад
Mobx, Mobx-State-Tree. Только просьба без классов и генераторов.
@wisejs
@wisejs 2 года назад
С 6 версии?
@s.konstantin
@s.konstantin 2 года назад
@@wisejs Да 6 версии было бы хорошо
@s.konstantin
@s.konstantin 2 года назад
@@wisejs Ты говоришь что Mobx использует классы - необязательно, можно также использовать функциональный подход )
@maxclayman8843
@maxclayman8843 2 года назад
Топовый разбор, огромное спасибо Даже не думай забрасывать, было бы интересно послушать про Apollo и больше про Mobx
@MentalNebula
@MentalNebula 2 года назад
Отличное видео, спасибо. Очень интересно было бы узнать про MobX State Tree
@ruslanchubatov
@ruslanchubatov 2 года назад
Спасибо за видео. Но, КМК, Redux Toolkit (без RTK Query) всего лишь синтаксический сахар над Redux и не меняет изначальной парадигмы Redux'а, а MST привносит совершенно другой подход (имутабельность, сингл-стору и др.) отличный от чистого MobX, поэтому считаю что чистый MobX нужно сравнивать как раз с Redux Toolkit (так как в 2021 никто в здравом уме не будет писать на чистом Redux).
@wisejs
@wisejs 2 года назад
Не вижу смысла сравнивать только обертку над Redux в виде иммера и пары функций. Сравнивать есть смысл с RTK и его кодогенерацией. MST не привносит иммутабельность и другого нового тоже ничего не даёт. Он устанавливает связи между классами, что мы можем сделать и в mobx (и делаем в большинстве случаев), а так же набор функций для удобного доступа по вторам этого дерева.
@ruslanchubatov
@ruslanchubatov 2 года назад
@@wisejs В том и дело, что в этом видео куча однотипного кода в redux примере. И может сложиться мнение, что редакс мега-избыточный (так оно и есть, если писать на чистом редаксе, но в 2021 так никто не пишет). Зачем это "видеть" новичкам (а я так понимаю видео как раз для них)? Даже со-мейнтейнер redux говорит/пишет везде о том, что начинать знакомство нужно именно с тулкита и это сейчас единственный "тру-вей". ИМХО, MST выглядит для меня избыточным и убивает всю гибкость mobx'а, поэтому чистый mobx мне нравиться больше.
@ruslanchubatov
@ruslanchubatov 2 года назад
@@wisejs согласен, чистой имутабельности у MST нет. Благодаря снепшотам она имитируеться.
@mikesummer670
@mikesummer670 2 года назад
@@ruslanchubatov (так как в 2021 никто в здравом уме не будет писать на чистом Redux). - а на ридакс-санк будет писать?
@НаильА-у9т
@НаильА-у9т 2 года назад
@@mikesummer670 ридакс-санки уже встроен в toolkit
@sprour
@sprour Год назад
Несколько раз пытался использовать Redux, но так и не смог его переварить. Mobx как глоток свежего воздуха, все лаконично и понятно.
@moralezred3984
@moralezred3984 2 года назад
Фильтровать данные после удаления из БД я бы не стал. Надо делать fetch из БД. Параллельно могут удалять записи другие пользователи, пока ваш список висит на экране.
@wisejs
@wisejs 2 года назад
Верно, это лишь в учебных целях 🙂
@inqvisitor3722
@inqvisitor3722 2 года назад
list должен быть observable.shallow потому что сам post отслеживает свои значения. Еще не учтен момент с показом лоадера при загрузке данных. Еще биндить не нужно, иначе наследоваться нельзя будет. Мне Мобх очень нравится, очень гибкий и из-за этого многим он не нравится.
@alexandroppolus
@alexandroppolus 2 года назад
observable.shallow более подходит, но и использовавшийся observable.deep отработает точно так же - не станет лезть внутрь постов, потому как у них кастомный класс (кастомный прототип)
@andor1904
@andor1904 2 года назад
Зачем генераторы, если можно просто использовать асинхронные функции для MobX?
@wisejs
@wisejs 2 года назад
Больше контроля + проще отменять. P. S: Асинхронные функции внутри себя используют генераторы :)
@indigosay
@indigosay 2 года назад
Там можно плюшки всякие крутые делать, а не просто запросики отправлять
@АлександрДми
@АлександрДми 2 года назад
react-virtualized хотел бы увидеть
@tayurus
@tayurus 2 года назад
А по итогу что тебе лично больше нравится?
@wisejs
@wisejs 2 года назад
Mobx
@ЕленаСмульская-ш4ц
Хотелось услышать именно сравнение этих библиотек, понять плюсы и минусы по отношению друг к другу. По итогу так и не понятно, что же лучше и чем.
@wisejs
@wisejs 2 года назад
Так наглядно же показаны подходы. А плюсы и минусы слишком субъективны. То, что для одного плюс, для другого минус.
@alexanderzharkov6953
@alexanderzharkov6953 2 года назад
Тоже хотелось бы увидеть сравнение RTK с MST
@KostiantynRodin
@KostiantynRodin 2 года назад
Да, интересно посмотреть на RTK vs State3
@lamer492
@lamer492 2 года назад
было бы здорово еще контент по Effector
@lookarious2055
@lookarious2055 2 года назад
Блять заебали еффектдрочеры сразу кудахтаете РЯЯЯ А ГДЕ ПРО ЕФФЕКТОР РЯЯЯ ЕФФЕКТОР ТОЖЕ СТМ РЯЯ
@lamer492
@lamer492 2 года назад
@@lookarious2055 ага
@narekpetrosyan7989
@narekpetrosyan7989 2 года назад
укрепил знания , спасибо за видео )) жду новые видео
@nextstop1228
@nextstop1228 2 года назад
Дякую, змістовно
@sergeisychov9810
@sergeisychov9810 Год назад
Немного не понял... А почему в конце редактируемые данные не меняются на сервере? По идее при редактировании данные поста должны загрузиться обратно в форму и из нее обновиться в базе....
@artsiomastrouski9340
@artsiomastrouski9340 2 года назад
Можно видео по юнитестам
@MykolaLiemiekhov
@MykolaLiemiekhov 2 года назад
Да, сравнение RTK с MST тоже было бы интересно посмотреть. Спасибо за качественный и очень актуальный контент!
@ГенаПетров-н5ы
@ГенаПетров-н5ы 2 года назад
Печальное видео. Не нужно сравнивать библиотеки для управления клиентским состоянием на примере где этого состояния нет. Новички потом так и будут делать, не понимая в чем разница между клиентским состоянием и серверные кэшем
@wisejs
@wisejs 2 года назад
В видео есть примеры как хранения данных ответов сервера, так и их модификация только на клиенте с сайд эфектами обращения к апи.
@maximkiselev1554
@maximkiselev1554 2 года назад
даёшь народу тутор по effector!
@РустР
@РустР 2 года назад
А без вот этих бесполезных штук нельзя?
@wisejs
@wisejs 2 года назад
Без стейт менеджеров? Можно, но сложно)
@РустР
@РустР 2 года назад
@@wisejs я пробовал - без них проще
@NeoJohnSmit
@NeoJohnSmit 2 года назад
спасибо, очень круто)
@mercury_2379
@mercury_2379 2 года назад
крутяк, спасибо за видео
@wisejs
@wisejs 2 года назад
Спасибо за коммент)
@antonkrougly6739
@antonkrougly6739 2 года назад
Автору большое спасибо, кратко и чётко
@theWorldIsMultivariate
@theWorldIsMultivariate 2 года назад
Супер обзор. Спасибо!
@Prog_Ramer
@Prog_Ramer Год назад
почему генераторы, а не асинхронные ф-ции?
@vik_2743
@vik_2743 6 месяцев назад
для выебона же
@artempronenko5105
@artempronenko5105 2 года назад
Так как вы сделали - синглтоном никаким образом класс Api быть не может
@wisejs
@wisejs 2 года назад
Почему?
@artempronenko5105
@artempronenko5105 2 года назад
@@wisejs Потому что так это является обычным классом, инстанс которого мы экспортируем. Мы все так же можем сделать новый экземпляр тем самым перезаписав данные в нем. А синглтон по определению, это класс экземпляр которого может быть всего один. Мне кажется вы немного напутали причину и следствие. При определенных обстоятельствах - работает так же, но это не делает из гриба грибной суп
@wisejs
@wisejs 2 года назад
@@artempronenko5105 Каким образом мы создадим новый инстанс, если класс сам собой не экспортируется? А из модуля (коим является файл) экспортируется только инстанс! Вот он и синглтон.
@artempronenko5105
@artempronenko5105 2 года назад
​@@wisejs Еще раз. Проблема в том, что мы можем создавать экземпляры класса, по этому класс не может быть синглтоном... То что вы сделали, это просто экспорт инстанса. Я согласен с тем что это бюудет работать как синглтон при опредленных условиях, но это не делает класс синглтоном)
@wisejs
@wisejs 2 года назад
А что делает? Проверка на сущестование и возврат инстанса? Вы просто придираетесь к формулировкам, ну чтож, ваше право 🙂
@grenadier4702
@grenadier4702 2 года назад
Как это по природе у реакта нет реактивности?) Реактивное программирование это и есть реакт в самом его фундаментальном смысле
@wisejs
@wisejs 2 года назад
Думай так
@grenadier4702
@grenadier4702 2 года назад
@@wisejs по определению реактивного программирования это так.
@wisejs
@wisejs 2 года назад
@@grenadier4702 ніт
@grenadier4702
@grenadier4702 2 года назад
@@wisejs да. любые изменения в верхнем уровне автоматически распространяются на нижние уровни. как одна из черт реактивного программирования
@wisejs
@wisejs 2 года назад
@@grenadier4702 ти не розумієш що таке реактивність, сорі
@awenn2015
@awenn2015 2 года назад
Конечно redux toolkit
@andykud63
@andykud63 2 года назад
Ухо режет от миксования английского и русского акцента
@wisejs
@wisejs 2 года назад
Не переймайся, більше російського не буде
@__kawaii
@__kawaii 2 года назад
@@wisejs Ты русофоб? Или почему не будет?
@Oswee
@Oswee 2 года назад
Odnoznachno Redux, Redux-Saga i Dynamic module injection (razbitj Redux po moduljam i podkljuchatj ih na runtime).
@indigosay
@indigosay 2 года назад
Подписываюсь под каждым словом
@joker202
@joker202 2 года назад
Вы пробовали mobx? После mobx редакс воспринимается как мусор)
@indigosay
@indigosay 2 года назад
@@joker202 да конечно. Для очень простых проектов подойдёт. Для ентерпрайза нет
@Владислав-б7ф4я
@Владислав-б7ф4я 2 года назад
@@indigosay Почему не подойдет? Читал, что mobx используют в весьма крупных приложениях.
@indigosay
@indigosay 2 года назад
@@Владислав-б7ф4я архитектура кода, отладка-дебагинг, предсказуемость, меньше ошибок у редакса. Я такую версию часто слышу от тех кто в ентерпрайзе.
@xice111
@xice111 2 года назад
почитай про redux-toolkit
@wisejs
@wisejs 2 года назад
😂
Далее
MobX Tutorial with React and Typescript
35:53
Просмотров 18 тыс.
Что такое keyof typeof в TypeScript.
8:46
Просмотров 19 тыс.
Styled Components & React ПОЛНЫЙ КУРС
23:40