Mobx & React Полный курс 2021

Рет қаралды 93,539

3 жыл бұрын

В этом уроке мы рассмотрим все возможности state менеджера Mobx в связке с React. Сравним MobX и Redux и подведем итоги
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - www.qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

Пікірлер: 275

@user-en3je3sk2g 2 жыл бұрын

После редакса, мобХ настолько приятно смотрится, что глаз радует))) Спасибо)

@user-ud2dl5gd1c 2 жыл бұрын

согласен

@webdev7788 2 жыл бұрын

Жаль, что мало годных видео по MobX на русском

@user-ni7ge7ne7s 2 жыл бұрын

А если тулкит редакс?

@SergeSchekhovtsov 2 жыл бұрын

@@user-ni7ge7ne7s та же шляпа)

@lordunitaz 2 жыл бұрын

На новом проекте работаю с mobx. И он действительно потрясающий. Редакс даже рядом не стоял. Настолько он архаичный и неудобный.

@user-cn9tn3hx1b 3 жыл бұрын

Отличное разъяснение, быстро и без воды. А то другие любят курс из 10 видео по 25 минут делать. Спасибо

@UlbiTV 3 жыл бұрын

У меня все видео без воды) Спасибо вам!

@falsetrue7910 3 жыл бұрын

Не ну тут и 1000 лайков поставить не жалко, нет норм гайдов по мобх, а тут прям все как надо, спасибо автору!!

@UlbiTV 3 жыл бұрын

Спасибо большое, рад что полезно!)

@StepanVorobiov 3 жыл бұрын

На канале codeBurger сейчас толковый курс выходит. Жаль что месяц назад когда я во всё это самолично вникал небыло хороших видео, здорово бы сократило время! Спасибо за видео!

@UlbiTV 3 жыл бұрын

@@StepanVorobiov спасибо !))

@immunomodyluator 2 жыл бұрын

От одного видео, к другому. Всё очень понятно и полезно. Раньше смотрел видео и понимал только часть, а теперь смотрю видео и понимаю всё. Спасибо тебе огромное, за твой труд.

@user-kw5yy1gi7e 2 жыл бұрын

Спасибо за видео. В очередной раз поражаюсь твоему таланту объяснять всё кратко и понятно.

@artemholba3074 3 жыл бұрын

Кратко, лаконично, но при этом суть раскрыта в полной мере! Лайк!

@makeoverweb2663 3 жыл бұрын

сначала офигел от названия и продолжительности видео, но реально круто и все понятно.Странно что у тебя еще до сих пор только 2к подписчиков

@UlbiTV 3 жыл бұрын

Потихоньку растем!) С вашей поддержкой! Спасибо

@victor5485 Жыл бұрын

200k D:

@user-LvSerg777 Жыл бұрын

213)))

@dmitrykorenko9033 3 жыл бұрын

рад, что случайно наткнулся на этот канал)

@UlbiTV 3 жыл бұрын

Спасибо друг, а я рад что тебе полезно!)

@theWorldIsMultivariate 2 жыл бұрын

Огромнейшее спасибо за видео. Ты помогаешь мне реализовывать мою цель - быть разработчиком!

@CALIJKA 2 жыл бұрын

Спасибо за твои старания в донесении знаний таким простым доступным языком, по опыту изучения чуть глаз начало резать, когда увидел что определение компонента оборачиваем в observer, так уж приучился, что компонент я оставляю нетронутым, а обертку делаю в экспорте типа: export default observer(Todo). Ранее при изучении redux компонент оборачивается по такому принципу как export default connect()(Todo), поэтому вспомнил, что выглядеть должно приятнее в экспорте. Очень нравятся твои ролики, спасибо огромное!

@user-ii3de1cw9w 2 жыл бұрын

Лучший!! Нашел твой канал 2 дня назад и я просто удивлен количеством годного контента!! За такое и патрон оформить не жалко. Спасибо!!

@qutbiddinmakhmudov4088 3 жыл бұрын

После redux, redux-thunk и redux-saga это все так легко понимается. Аш порадовался) спасибо.

@vitalibachin Жыл бұрын

Благодарю за простое обьяснение Mobx! Всегда тебя приятно слушать!

@TarasovFrontDev 10 ай бұрын

У тебя охренительные видео! Я почти всему научился благодаря тебе!

@oleg5588 Жыл бұрын

Кратко, четко, информативно. В твоем стиле, в общем ) Спасибо! Идем дальше

@jsmonstr9638 3 жыл бұрын

Кратко и лаконично как всегда, спасибо за полезные туториалы

@UlbiTV 3 жыл бұрын

Благодарю!)

@sergeisychov9810 Жыл бұрын

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

@littlegrownbeats Жыл бұрын

Просто огонь! Все четко, понятно, и по существу! Благодарю!)

@Ramosok 2 жыл бұрын

Всегда приятно смотреть твои видео уроки.

@atlantatesla9348 3 жыл бұрын

Спасибо большое, очень круто и никакой воды. Подписалась. Жду новых роликов)

@UlbiTV 3 жыл бұрын

Велком на остальные видосы!) Спасибо вам!)

@fedosowaviktoriya5448 2 жыл бұрын

Спасибо за видео! Как раз переход на MobX уже не кажется чем-то безумно сложным! Спасибо за разъяснения!

@UlbiTV 2 жыл бұрын

Успехов! и спасибо)

@88noname88 3 жыл бұрын

Коротко и по теме, от души спасибо!

@user-mb7kp1bl4w 3 жыл бұрын

Автор, вы большой молодец. Спасибо!

@kamazaff2216 3 жыл бұрын

Оууууууу щит. Это лучше что я видел по mobx. Спасибо

@user-iw5pq9lt4f 3 жыл бұрын

Теперь я знаю Mobx, оказалась простая штука, спасибо)

@azamatjumabaev6036 2 жыл бұрын

Your tutorials always was useful. Thanks so much and good luck !

@user-be7jw6nl1p 2 жыл бұрын

Спасибо тебе, автор, очень крутое объяснение !

@ghost91827 3 жыл бұрын

Кратко, по сути, с хоршими примерами.. Спасибо

@ipa_stor 3 жыл бұрын

Только добрался глянуть видос, блин, я только разобрался с базовыми функциями редакса, а тут такая подстава- теперь учить еще и мобх... Засада:)))))) а если серьезно, то впервые о нем услышал, но походу действительно проще выглядит. Спасибо!!!

@UlbiTV 3 жыл бұрын

Спасибо за отзыв!)) лучше добей уже редакс, когда почувствуешь что обуздал его, возвращайся сюда!)

@ipa_stor 3 жыл бұрын

@@UlbiTV да я так, пошутил просто, я на мобх пока даже не смотрю, глянул видео скорее для общего кругозора:)))

@aleksandrzelenskiy4000 3 жыл бұрын

Хорошее объяснение. Без воды. Подписка, лайк.

@UlbiTV 3 жыл бұрын

На канале много интересного!) Спасибо!)

@traintocode1698 Жыл бұрын

благодарю ещё раз за все твои видео!

@Sense1ko 3 жыл бұрын

Лучший, кратко, полно, информативно, спасибо!)

@UlbiTV 3 жыл бұрын

Спасибо!)

@user-sd9je7ov8o 2 жыл бұрын

Всё что надо для старта. Спасибо!

@helenit4365 3 жыл бұрын

Доступно и понятно все! Спасибо!!

@sscorpio2006 3 жыл бұрын

Прекрасно объяснил! Тема реально актуальна. Спасибо

@UlbiTV 3 жыл бұрын

Cпасибо, друг!)

@mikhailstepanishev4645 3 жыл бұрын

Интересно и познавательно,спасибо !

@clearsky906 3 жыл бұрын

Огонь, всё доступно и понятно, спасибо )

@UlbiTV 3 жыл бұрын

Спасибо дружише)

@vladyslavfx3892 3 жыл бұрын

Спасибо, как всегда понятно и доходчиво)

@UlbiTV 3 жыл бұрын

Благодарочка)

@shujin9027 2 жыл бұрын

Чувак просто легенда. Достоин миллиона подписчиков

@kolyabokov88 3 жыл бұрын

Блин, все же ты красава! Никаких тебе "любая технология" за час)) зачем за час, когда и за 10 минут можно рассказать)) Лайк до просмотра и погнал видос смотреть!

@UlbiTV 3 жыл бұрын

Хеех, спасибо дружище) Тут при желании и это видео на час растянуть можно, только вот зачем, если можно кратенько и по факту!)

@kolyabokov88 3 жыл бұрын

@@UlbiTV конечно! Ведь главное врубиться в технологию в общем, понять как в целом она работает, а углубляться уж сами как нибудь, на практике!) в общем спасибо за видос, у тебя они все в тему и все ооочень полезные!

@UlbiTV 3 жыл бұрын

@@kolyabokov88 Еще раз спасибо)

@sharkman6434 2 жыл бұрын

Тоже считаю.такие видео крайне полезными , для учебы все эти видосы на час не подходят потому что нужно быстро глянуть то что забыл и пилить дальше, получается шикарный формат, забыл, посмотрел , вспомнил/понял/переосмыслил и погнал работать.

@user-iq9ll8lz9m 2 жыл бұрын

@@UlbiTV вопрос конечно запоздалый, но лично твоё мнение на счет того что лучше использовать Redux или MobX? Слышал твои слова в конце видео, но всё же прошел год и мнение могло поменяться)

@user-ys3uu5un6l 6 ай бұрын

Спасибо! Классный ролик.

@konstantinstepanyuk6607 9 ай бұрын

Видео короткое и содержательное. Спасибо!

@user-td8rp8bj6o Жыл бұрын

Красавчик! Лучшее

@MrNamed 2 жыл бұрын

Какой он простой, оказывается. Буду пользоваться, спасибо за ролик

@user-pw3zu1ed4v 3 жыл бұрын

Спасибо за труд!

@devorer77 3 жыл бұрын

Ого! Я тут на пару недель выпал, а ты уже столько видео наделал. Супер. Правда не понятно когда смогу посмотреть :(

@UlbiTV 3 жыл бұрын

Как минутка будет, жду твоего просмотра и отзыва!)

@mikalai_root 3 жыл бұрын

просто ОФИГЕННО. Быстро, просто, БЕЗ ВОДЫ, но подробно!

@UlbiTV 3 жыл бұрын

Весь канал такой)) Спасибо, успехов!

@mikalai_root 3 жыл бұрын

@@UlbiTV После Вашего ролика сделал тестовое на MobX. До этого знал только Redux. Посмотрим, что скажут) подход-то явно другой, а так хочется всё равно прокинуть что-то из MobX'a пропсами )

@funkoground5194 3 жыл бұрын

Спасибо, как всегда понятно и доходчиво

@UlbiTV 3 жыл бұрын

Спасибо за отзыв!)

@user-ks7ox8jl2c Жыл бұрын

Коротко и понятно то что нужно 👍

@user-km8kb3xj1p Жыл бұрын

Спасибо за материал Улби!

@kirillshapovalov495 3 жыл бұрын

Огромное спасибо за такой полезный контент

@UlbiTV 3 жыл бұрын

Спасибо вам за поддержку!

@oleksandrlesiuk6239 3 жыл бұрын

Лучшие уроки по JavaScript

@vasyashapran1494 3 жыл бұрын

Даже не ожидал что MobX такой простой ! Лайк

@zakiro4277 2 жыл бұрын

как всегда самая годнота - контент)

@ТимСлим 3 жыл бұрын

Жаль нельзя поставить больше одного лайка! Спасибо за видео! :-)

@UlbiTV 3 жыл бұрын

Cпасибо, теска!)

@MayagozelJumakulyyewa Жыл бұрын

Wy Super, Timur. Wsyo genialnoye prosto - eto pro Was

@gowking 3 жыл бұрын

очень информативно, спасибо)

@UlbiTV 3 жыл бұрын

Рад стараться!)

@samandarusmonov5628 2 жыл бұрын

cпасибо бро за контент

@user-zw4os9no8q 2 жыл бұрын

Отличный ролик. Спасибо.

@user-dw4pi5gy7t 8 ай бұрын

После редакса действительно, как бальзам на душу

@itpro952 3 жыл бұрын

Ооо mobx, если еще про тайпскрипт что то подобное сделаешь, вообще цены не будет, лайк комент все как обычно. П. С. В конце с мк смешно вышло

@UlbiTV 3 жыл бұрын

Спасибо, в дальнейшем будет про тс что то возможно

@ivanp7697 3 жыл бұрын

кратко, емко, полезно! спасибо!

@UlbiTV 3 жыл бұрын

Старался, спасибо вам!

@user-kz8lf3yk1t 3 жыл бұрын

Спасибо) Урок достойный

@UlbiTV 3 жыл бұрын

Спасибо друг!

@user-be7dk7so6x 2 жыл бұрын

спасибо большое! хорошее видео

@Nikita-gn4bg 2 жыл бұрын

Спасибо за уроки мужик

@namesurname-ss8vx 2 жыл бұрын

Спасибо! Полезно очень!

@garikmelqonyan6011 2 жыл бұрын

Short and descriptive. Thanks Timur

@antonmalay6013 3 жыл бұрын

По традиции ставлю лайк и пишу комментарий б

@Edward-md8ej 3 жыл бұрын

Спасибо ты сделал выбор в новом проекте за меня!

@UlbiTV 3 жыл бұрын

Хеех) круто!)

@user-jq1xp5pc1g 2 жыл бұрын

Огромное спасибо, за Ваш труд. Очень помогаете на новом проекте!! Подскажите, если основная задача отрисовка данных с бэка, есть формы отправки заявки и небольшая настройка тарифных планов, типо чекбоксы с доп. услугами. На данном этапе я справляюсь с помощью хуков, как думаете, нужен ли стейт менеджер, думал про mobX, первый проект на next.js.

@ruslankhamzatov3361 3 жыл бұрын

круто, легко и понятно

@user-qx7zs1ik7p 2 жыл бұрын

Это вообще бомба особенно после redux saga ))))

@giorgikiladze1151 8 ай бұрын

spasibo. Otlichni urok

@user-yk8zz3mw5y 2 жыл бұрын

Спасибо за видео 🙏🏻 у вас просто талант рассказывать, сложные темы , просто и доходчиво 👏 #mobx-react-lite mobx-react

@roya6459 3 жыл бұрын

С удовольствием смотрю тебя! Решил взять mobx к реакту.Не совсем понимаю документацию ,на хабре советуют на веру её не принимать. .С ролями пользователя поднапутано.

@kurc_wl 2 жыл бұрын

Отлично, спасибо!)

@dossh429 3 жыл бұрын

Всего за 12 минут, понятно и по делу. Большое тебе спасибо и лайк. Было бы интересно посмотреть видеоролик в связке Typescript + React (также с функциональными компонентами) + Mobx про простой TodoList. Если будет время, guide по структуре вложенных папок и файлов (typescript + react + mobx)

@UlbiTV 3 жыл бұрын

Спасибо!) До тайпскрипта руки никак не дойдут, но в планах!)

@dossh429 3 жыл бұрын

@@UlbiTV Если будет можешь сказать, ты внутри класса Todo реализуешь как методы такие HandleClick, RemoveClick, а я сделал стрелочные функции. handleClick = (id) => { this.todos = this.todos.map(todo => { if (todo.id === id) { todo.completed = !todo.completed } return todo }) } addHandler = (title) => { this.todos.push({id: Date.now(), title: title, completed: false}) } removeHandler = (id) => { this.todos = this.todos.filter(todo => todo.id !== id) }

@dossh429 3 жыл бұрын

Правильный ли этот код, и можно ли этот код сократить ?

@dossh429 3 жыл бұрын

Хотя вроде без проблем работает, а то в React есть такие понятия как мутация state

@UlbiTV 3 жыл бұрын

@@dossh429 Да все ок!!) В mobx можно изменять обьекты, в редакс и реакте же состояние является неизменяемым, и надо каждый раз новый обьект передавать

@user-qv6vv9hk3n 8 ай бұрын

Легенда !)

@andriypruttov5462 2 жыл бұрын

коротко и по сути, а дальше все по традиции.. ну и спасибо )

@user-vv6jx8qg4v 2 жыл бұрын

Отлично рассказал!

@Lolin-dx7hk Жыл бұрын

Очень понятно, лайк

@likluklak Жыл бұрын

11:00 это было самое крутое объяснение для чего нужен redux thunk и redux saga )

@Dr_Xaos Жыл бұрын

спасибо за материал

@ismaMihalish 3 жыл бұрын

Мне тех.лид сказал, что redux плох тем, что создает постоянно новый стейт, а это чревато тем, что на больших проектах где у вас стейт размером с город оптимизация летит к черту. У Mobx же просто меняется какие-то отдельные поля стейта и все ок.

@Undefined-id1dt 3 жыл бұрын

Спс за видео! Если не трудно, то интересно было бы еще узнать кое-что про RxJS, просто ради интереса.. Если я правильно понимаю, то оба SM используют тот-же паттерн observer, только MobX кажется куда как проще.

@sagiden1343 2 жыл бұрын

finished. The best lessons

@SvetloeSerdce 3 жыл бұрын

Ох блин! Не каких тебе долбаных санков\танков, саги и прочей лабуды! крутяк!

@evamaria9142 3 жыл бұрын

супер спасиба

@dyg6945 Жыл бұрын

спасибо!!!

@user-ry3wg2ks3k Жыл бұрын

Тимур, у меня массив отрисовался, но почему-то не работает кнопки чекбокс. Такое впечатление, что в выражении {t.completed} поле completed не видит.

@thecryptonation 3 жыл бұрын

Очень полезный видос. Можешь подсказать почему не отслеживаются события когда я задаю методы по стандартному синтаксису AnyMethod() {}, а когда через стрелочную функцию AnyMethod = () => {}, то все отслеживается и перерисовывется?

@PerryCoxer 2 жыл бұрын

MobX приятно удивил!

@rendomone 3 жыл бұрын

Как к твоему прмеру прикрепить mobx-persist? У них в примерах по другому сделано.

@yozheeg Жыл бұрын

спасибо!

@luckyman5983 2 жыл бұрын

Привет, спасибо за видео! Хотел уточнить кое-что, при асинхронной модификации стора в консоли появляется предупреждение " Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed. Tried to modify: ProductsStore@2._loading". Подумал что что-то делаю не так, полез в доку, ничего там подобного не нашел, пошел к тебе смотреть заново, и вижу что у тебя такое же предупреждение. Я так понимаю это не критично? Меня на собесе за это не отругают?