Mobx & React Полный курс 2021
HTML-код
- Опубликовано: 9 фев 2025
- В этом уроке мы рассмотрим все возможности state менеджера Mobx в связке с React. Сравним MobX и Redux и подведем итоги
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/fron...
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - www.qiwi.com/n...
Яндекс деньги - yoomoney.ru/to...
После редакса, мобХ настолько приятно смотрится, что глаз радует))) Спасибо)
согласен
Жаль, что мало годных видео по MobX на русском
А если тулкит редакс?
@@bqrt-61 та же шляпа)
На новом проекте работаю с mobx. И он действительно потрясающий. Редакс даже рядом не стоял. Настолько он архаичный и неудобный.
Отличное разъяснение, быстро и без воды. А то другие любят курс из 10 видео по 25 минут делать. Спасибо
У меня все видео без воды) Спасибо вам!
Не ну тут и 1000 лайков поставить не жалко, нет норм гайдов по мобх, а тут прям все как надо, спасибо автору!!
Спасибо большое, рад что полезно!)
На канале codeBurger сейчас толковый курс выходит.
Жаль что месяц назад когда я во всё это самолично вникал небыло хороших видео, здорово бы сократило время!
Спасибо за видео!
@@StepanVorobiov спасибо !))
сначала офигел от названия и продолжительности видео, но реально круто и все понятно.Странно что у тебя еще до сих пор только 2к подписчиков
Потихоньку растем!) С вашей поддержкой! Спасибо
200k D:
213)))
Кратко, лаконично, но при этом суть раскрыта в полной мере! Лайк!
рад, что случайно наткнулся на этот канал)
Спасибо друг, а я рад что тебе полезно!)
После redux, redux-thunk и redux-saga это все так легко понимается. Аш порадовался) спасибо.
Спасибо за видео. В очередной раз поражаюсь твоему таланту объяснять всё кратко и понятно.
Блин, все же ты красава! Никаких тебе "любая технология" за час)) зачем за час, когда и за 10 минут можно рассказать)) Лайк до просмотра и погнал видос смотреть!
Хеех, спасибо дружище) Тут при желании и это видео на час растянуть можно, только вот зачем, если можно кратенько и по факту!)
@@UlbiTV конечно! Ведь главное врубиться в технологию в общем, понять как в целом она работает, а углубляться уж сами как нибудь, на практике!) в общем спасибо за видос, у тебя они все в тему и все ооочень полезные!
@@kolyabokov88 Еще раз спасибо)
Тоже считаю.такие видео крайне полезными , для учебы все эти видосы на час не подходят потому что нужно быстро глянуть то что забыл и пилить дальше, получается шикарный формат, забыл, посмотрел , вспомнил/понял/переосмыслил и погнал работать.
@@UlbiTV вопрос конечно запоздалый, но лично твоё мнение на счет того что лучше использовать Redux или MobX? Слышал твои слова в конце видео, но всё же прошел год и мнение могло поменяться)
Только добрался глянуть видос, блин, я только разобрался с базовыми функциями редакса, а тут такая подстава- теперь учить еще и мобх... Засада:)))))) а если серьезно, то впервые о нем услышал, но походу действительно проще выглядит. Спасибо!!!
Спасибо за отзыв!)) лучше добей уже редакс, когда почувствуешь что обуздал его, возвращайся сюда!)
@@UlbiTV да я так, пошутил просто, я на мобх пока даже не смотрю, глянул видео скорее для общего кругозора:)))
Спасибо за видео! Как раз переход на MobX уже не кажется чем-то безумно сложным! Спасибо за разъяснения!
Успехов! и спасибо)
Спасибо за твои старания в донесении знаний таким простым доступным языком, по опыту изучения чуть глаз начало резать, когда увидел что определение компонента оборачиваем в observer, так уж приучился, что компонент я оставляю нетронутым, а обертку делаю в экспорте типа: export default observer(Todo). Ранее при изучении redux компонент оборачивается по такому принципу как export default connect()(Todo), поэтому вспомнил, что выглядеть должно приятнее в экспорте. Очень нравятся твои ролики, спасибо огромное!
Кратко и лаконично как всегда, спасибо за полезные туториалы
Благодарю!)
От одного видео, к другому. Всё очень понятно и полезно. Раньше смотрел видео и понимал только часть, а теперь смотрю видео и понимаю всё. Спасибо тебе огромное, за твой труд.
просто ОФИГЕННО. Быстро, просто, БЕЗ ВОДЫ, но подробно!
Весь канал такой)) Спасибо, успехов!
@@UlbiTV После Вашего ролика сделал тестовое на MobX. До этого знал только Redux. Посмотрим, что скажут) подход-то явно другой, а так хочется всё равно прокинуть что-то из MobX'a пропсами )
Ооо mobx, если еще про тайпскрипт что то подобное сделаешь, вообще цены не будет, лайк комент все как обычно. П. С. В конце с мк смешно вышло
Спасибо, в дальнейшем будет про тс что то возможно
Оууууууу щит. Это лучше что я видел по mobx. Спасибо
Огромнейшее спасибо за видео. Ты помогаешь мне реализовывать мою цель - быть разработчиком!
Спасибо большое, очень круто и никакой воды. Подписалась. Жду новых роликов)
Велком на остальные видосы!) Спасибо вам!)
Ого! Я тут на пару недель выпал, а ты уже столько видео наделал. Супер.
Правда не понятно когда смогу посмотреть :(
Как минутка будет, жду твоего просмотра и отзыва!)
Теперь я знаю Mobx, оказалась простая штука, спасибо)
Хорошее объяснение. Без воды. Подписка, лайк.
На канале много интересного!) Спасибо!)
Спасибо большое. Всегда проходил мимо него. Сейчас попробовал и понял, что он очень крут. По крайней мере для начинающих это выглядит явно проще, нежели дебри редакса. Спасибо за ролик.
Коротко и по теме, от души спасибо!
У тебя охренительные видео! Я почти всему научился благодаря тебе!
Всего за 12 минут, понятно и по делу. Большое тебе спасибо и лайк.
Было бы интересно посмотреть видеоролик в связке Typescript + React (также с функциональными компонентами) + Mobx про простой TodoList.
Если будет время, guide по структуре вложенных папок и файлов (typescript + react + mobx)
Спасибо!) До тайпскрипта руки никак не дойдут, но в планах!)
@@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)
}
Правильный ли этот код, и можно ли этот код сократить ?
Хотя вроде без проблем работает, а то в React есть такие понятия как мутация state
@@dossh429 Да все ок!!) В mobx можно изменять обьекты, в редакс и реакте же состояние является неизменяемым, и надо каждый раз новый обьект передавать
Лучший, кратко, полно, информативно, спасибо!)
Спасибо!)
Прекрасно объяснил! Тема реально актуальна. Спасибо
Cпасибо, друг!)
Чувак просто легенда. Достоин миллиона подписчиков
Лучшие уроки по JavaScript
Кратко, по сути, с хоршими примерами.. Спасибо
Огонь, всё доступно и понятно, спасибо )
Спасибо дружише)
Лучший!! Нашел твой канал 2 дня назад и я просто удивлен количеством годного контента!! За такое и патрон оформить не жалко. Спасибо!!
Кратко, четко, информативно. В твоем стиле, в общем ) Спасибо! Идем дальше
Спасибо! Очень доступно и понятно!!! Успехов в развитии канала!
Автор, вы большой молодец. Спасибо!
Жаль нельзя поставить больше одного лайка! Спасибо за видео! :-)
Cпасибо, теска!)
Даже не ожидал что MobX такой простой ! Лайк
Просто огонь! Все четко, понятно, и по существу! Благодарю!)
По традиции ставлю лайк и пишу комментарий б
Спасибо, как всегда понятно и доходчиво)
Благодарочка)
Всегда приятно смотреть твои видео уроки.
После редакса действительно, как бальзам на душу
Видео короткое и содержательное. Спасибо!
Интересно и познавательно,спасибо !
Красавчик! Лучшее
Спасибо тебе, автор, очень крутое объяснение !
благодарю ещё раз за все твои видео!
Огромное спасибо за такой полезный контент
Спасибо вам за поддержку!
Доступно и понятно все! Спасибо!!
Wy Super, Timur. Wsyo genialnoye prosto - eto pro Was
Спасибо, как всегда понятно и доходчиво
Спасибо за отзыв!)
Спасибо ты сделал выбор в новом проекте за меня!
Хеех) круто!)
cпасибо бро за контент
Всё что надо для старта. Спасибо!
Спасибо, очень кратко и понятно
очень информативно, спасибо)
Рад стараться!)
Коротко и понятно то что нужно 👍
Какой он простой, оказывается. Буду пользоваться, спасибо за ролик
Спасибо за труд!
MobX на фоне Redux выглядит максимально просто и понятно
да, он действительно проще)
Спасибо за уроки мужик
как всегда самая годнота - контент)
кратко, емко, полезно! спасибо!
Старался, спасибо вам!
Ох блин! Не каких тебе долбаных санков\танков, саги и прочей лабуды! крутяк!
Спасибо) Урок достойный
Спасибо друг!
На мой взгляд, так использовать обёртку красивее:
. . .
*export default observer(Counter);*
Согласен)
Спасибо за материал Улби!
Your tutorials always was useful. Thanks so much and good luck !
Легенда !)
Мне тех.лид сказал, что redux плох тем, что создает постоянно новый стейт, а это чревато тем, что на больших проектах где у вас стейт размером с город оптимизация летит к черту. У Mobx же просто меняется какие-то отдельные поля стейта и все ок.
круто, легко и понятно
11:00 это было самое крутое объяснение для чего нужен redux thunk и redux saga )
Спасибо! Классный ролик.
Дуже все класно пояснив! Дякую!
спасибо большое! хорошее видео
Спасибо за видео)
Прикол и зачем я редакс учил, кайф короче. MobX top
Short and descriptive.
Thanks Timur
Мда думал сложная в понимании технология типо редакса. А тут всё понятно :/. Нахрена мне тогда этот редакс для своих проектов, если есть это чудо. За ролик спасибо, очень годно, теперь точно буду интересоваться в следующий раз, когда будут обсуждать какую то новую технологию)))
Даааа, мобХ гораздо проще для понимания) Спасибо!
@@UlbiTV спасибо тебе, я благодаря тебе узнал за месяц больше, чем узнавал за год
Это и все??? Я работал с Redux 5 лет, сейчас зашел на проект с MobX. Да, это небо и земля) Я думал потрачу пару часов только на понимание сути. А тут 12 минут на 1.5 скорости и можно в работу
Пойду пробовать, автору, как всегда, огромное спасибо за супер контент
finished. The best lessons
супер спасиба
лучший бро
Спасибо бро!)
Случилось непонятное. Написал в точности как на 1:45, но выскочила ошибка - в экспортируемом объекте this у меня undefined, контекст потерян. Побился некоторое время, в результате переписал методы класса на стрелочные, чтобы не биндить, и всё заработало. Вопрос: а как оно у автора-то работало? )
У меня все работает, повторял в точности как и было в видео, возможно где-то опечатался или что-то не дописал ( я так не заметил, что в экспорт по дефолту передается 'new Counter()' )
"Дополнительной обработки для асинхронных экшенов не надо"...
Надо!
А то будете ловить ошибки типа: [MobX] Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed.
У автора такая же.
Однако вцелом видео полезное. Спасибо!
Спасибо! Полезно очень!
*Л. а. й. к. о. с.* за видос.
Спасибо!)
Отличный ролик. Спасибо.
коротко и по сути, а дальше все по традиции.. ну и спасибо )
Это вообще бомба особенно после redux saga ))))
Сначала лайк потом смотрю
Спасибо!)
Спасибо за видео 🙏🏻 у вас просто талант рассказывать, сложные темы , просто и доходчиво 👏 #mobx-react-lite mobx-react
6:15 ох уж эти вьюшные привычки )
MobX приятно удивил!
Очень понятно, лайк
Хороший контент!
Спасибо!)
Отлично рассказал!
Отлично, спасибо!)
спасибо за материал