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

Поділитися
Вставка
  • Опубліковано 31 січ 2025

КОМЕНТАРІ • 279

  • @AlexBor-l5u
    @AlexBor-l5u 3 роки тому +175

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

    • @НикитаСоколов-д3ф
      @НикитаСоколов-д3ф 3 роки тому

      согласен

    • @webdev7788
      @webdev7788 3 роки тому

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

    • @bqrt-61
      @bqrt-61 3 роки тому +1

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

    • @SergeSchekhovtsov
      @SergeSchekhovtsov 3 роки тому +5

      @@bqrt-61 та же шляпа)

    • @lordunitaz
      @lordunitaz 3 роки тому +6

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

  • @Chad123-u8s
    @Chad123-u8s 4 роки тому +37

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

    • @UlbiTV
      @UlbiTV  4 роки тому +12

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

  • @falsetrue7910
    @falsetrue7910 4 роки тому +51

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

    • @UlbiTV
      @UlbiTV  4 роки тому +4

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

    • @StepanVorobiov
      @StepanVorobiov 4 роки тому +4

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

    • @UlbiTV
      @UlbiTV  4 роки тому +2

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

  • @makeoverweb2663
    @makeoverweb2663 4 роки тому +31

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

    • @UlbiTV
      @UlbiTV  4 роки тому +10

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

    • @victor5485
      @victor5485 2 роки тому +13

      200k D:

    • @user-LvSerg777
      @user-LvSerg777 Рік тому

      213)))

  • @artemholba3074
    @artemholba3074 3 роки тому +35

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

  • @МаксимПирожков-ы3т
    @МаксимПирожков-ы3т 2 роки тому +8

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

  • @qutbiddinmakhmudov4088
    @qutbiddinmakhmudov4088 3 роки тому +11

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

  • @kolyabokov88
    @kolyabokov88 4 роки тому +16

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

    • @UlbiTV
      @UlbiTV  4 роки тому +3

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

    • @kolyabokov88
      @kolyabokov88 4 роки тому +2

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

    • @UlbiTV
      @UlbiTV  4 роки тому +2

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

    • @sharkman6434
      @sharkman6434 3 роки тому

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

    • @АндрейБочарников-х5ъ
      @АндрейБочарников-х5ъ 3 роки тому

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

  • @fedosowaviktoriya5448
    @fedosowaviktoriya5448 3 роки тому +7

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

    • @UlbiTV
      @UlbiTV  3 роки тому +1

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

  • @immunomodyluator
    @immunomodyluator 2 роки тому +1

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

  • @CALIJKA
    @CALIJKA 3 роки тому +3

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

  • @jsmonstr9638
    @jsmonstr9638 4 роки тому +9

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

    • @UlbiTV
      @UlbiTV  4 роки тому +2

      Благодарю!)

  • @ipa_stor
    @ipa_stor 4 роки тому +5

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

    • @UlbiTV
      @UlbiTV  4 роки тому +2

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

    • @ipa_stor
      @ipa_stor 4 роки тому +2

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

  • @dmitrykorenko9033
    @dmitrykorenko9033 4 роки тому +43

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

    • @UlbiTV
      @UlbiTV  4 роки тому +3

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

  • @theWorldIsMultivariate
    @theWorldIsMultivariate 2 роки тому +2

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

  • @mikalai_root
    @mikalai_root 3 роки тому +2

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

    • @UlbiTV
      @UlbiTV  3 роки тому +2

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

    • @mikalai_root
      @mikalai_root 3 роки тому +1

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

  • @devorer77
    @devorer77 4 роки тому +7

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

    • @UlbiTV
      @UlbiTV  4 роки тому +1

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

  • @ПавелПечёный-ф9й
    @ПавелПечёный-ф9й 3 роки тому

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

  • @sergeyecho127
    @sergeyecho127 4 місяці тому

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

  • @kamazaff2216
    @kamazaff2216 3 роки тому +1

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

  • @itpro952
    @itpro952 4 роки тому +19

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

    • @UlbiTV
      @UlbiTV  4 роки тому +1

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

  • @maria-kuznetsova-s
    @maria-kuznetsova-s 4 роки тому +2

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

    • @UlbiTV
      @UlbiTV  4 роки тому +2

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

  • @shujin9027
    @shujin9027 2 роки тому +2

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

  • @TarasovFrontDev
    @TarasovFrontDev Рік тому

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

  • @dossh429
    @dossh429 4 роки тому +5

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

    • @UlbiTV
      @UlbiTV  4 роки тому +1

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

    • @dossh429
      @dossh429 4 роки тому +1

      @@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
      @dossh429 4 роки тому +1

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

    • @dossh429
      @dossh429 4 роки тому +1

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

    • @UlbiTV
      @UlbiTV  4 роки тому +1

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

  • @aleksandrzelenskiy4000
    @aleksandrzelenskiy4000 3 роки тому +2

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

    • @UlbiTV
      @UlbiTV  3 роки тому +1

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

  • @88noname88
    @88noname88 3 роки тому +4

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

  • @Илья-у3г1с
    @Илья-у3г1с 3 роки тому +1

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

  • @sergeisychov9810
    @sergeisychov9810 2 роки тому +1

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

  • @oleg5588
    @oleg5588 2 роки тому

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

  • @sscorpio2006
    @sscorpio2006 4 роки тому +3

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

    • @UlbiTV
      @UlbiTV  4 роки тому +1

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

  • @Sense1ko
    @Sense1ko 3 роки тому +1

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

    • @UlbiTV
      @UlbiTV  3 роки тому +1

      Спасибо!)

  • @clearsky906
    @clearsky906 4 роки тому +3

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

    • @UlbiTV
      @UlbiTV  4 роки тому +1

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

  • @РусланА-ф2н
    @РусланА-ф2н 3 роки тому +3

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

  • @ghost91827
    @ghost91827 3 роки тому +1

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

  • @littlegrownbeats
    @littlegrownbeats 2 роки тому

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

  • @ТимСлим
    @ТимСлим 4 роки тому +1

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

    • @UlbiTV
      @UlbiTV  4 роки тому

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

  • @vladyslavfx3892
    @vladyslavfx3892 3 роки тому +3

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

    • @UlbiTV
      @UlbiTV  3 роки тому +1

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

  • @oleksandrlesiuk6239
    @oleksandrlesiuk6239 3 роки тому +1

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

  • @vasyashapran1494
    @vasyashapran1494 3 роки тому +1

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

  • @Ramosok
    @Ramosok 2 роки тому

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

  • @Freedom_Code
    @Freedom_Code 3 роки тому +4

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

  • @kirillshapovalov495
    @kirillshapovalov495 4 роки тому +2

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

    • @UlbiTV
      @UlbiTV  4 роки тому +1

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

  • @funkoground5194
    @funkoground5194 4 роки тому +2

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

    • @UlbiTV
      @UlbiTV  4 роки тому +1

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

  • @mikhailstepanishev4645
    @mikhailstepanishev4645 3 роки тому +3

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

  • @Edward-md8ej
    @Edward-md8ej 4 роки тому +2

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

    • @UlbiTV
      @UlbiTV  4 роки тому

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

  • @traintocode1698
    @traintocode1698 2 роки тому

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

  • @helenit4365
    @helenit4365 3 роки тому +1

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

  • @MayagozelJumakulyyewa
    @MayagozelJumakulyyewa 2 роки тому

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

  • @gowking
    @gowking 4 роки тому +5

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

    • @UlbiTV
      @UlbiTV  4 роки тому +1

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

  • @ВладПашковский-ц2э

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

  • @РоманБыков-э6м
    @РоманБыков-э6м 2 роки тому

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

  • @konstantinstepanyuk6607
    @konstantinstepanyuk6607 Рік тому

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

  • @СаматХабиуллин
    @СаматХабиуллин 2 роки тому

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

  • @antonmalay6013
    @antonmalay6013 3 роки тому +1

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

  • @СтепанСавин-м4щ

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

  • @azamatjumabaev6036
    @azamatjumabaev6036 3 роки тому

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

  • @РомаОвчаренко-н4ф
    @РомаОвчаренко-н4ф 4 роки тому +3

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

    • @UlbiTV
      @UlbiTV  4 роки тому +2

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

  • @victormog
    @victormog 3 роки тому +6

    На мой взгляд, так использовать обёртку красивее:
    . . .
    *export default observer(Counter);*

    • @UlbiTV
      @UlbiTV  3 роки тому +2

      Согласен)

  • @ivanp7697
    @ivanp7697 4 роки тому +1

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

    • @UlbiTV
      @UlbiTV  4 роки тому

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

  • @zakiro4277
    @zakiro4277 2 роки тому

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

  • @manarbek0vv173
    @manarbek0vv173 5 місяців тому

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

  • @БауржанКадискалиев

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

  • @MrNamed
    @MrNamed 2 роки тому

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

  • @ismaMihalish
    @ismaMihalish 3 роки тому +3

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

  • @ИльяЮров
    @ИльяЮров 2 роки тому

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

  • @tempo_808
    @tempo_808 3 роки тому +4

    MobX на фоне Redux выглядит максимально просто и понятно

    • @UlbiTV
      @UlbiTV  3 роки тому +1

      да, он действительно проще)

  • @Undefined-id1dt
    @Undefined-id1dt 3 роки тому +3

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

  • @Nikita-gn4bg
    @Nikita-gn4bg 3 роки тому +1

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

  • @samandarusmonov5628
    @samandarusmonov5628 2 роки тому +1

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

  • @LeonidSoft
    @LeonidSoft 23 дні тому

    Спасибо за видео)

  • @ЕвгенийБатулин-г9з

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

  • @СтералаОнлайн
    @СтералаОнлайн Рік тому

    Легенда !)

  • @ruslankhamzatov3361
    @ruslankhamzatov3361 3 роки тому +1

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

  • @SvetloeSerdce
    @SvetloeSerdce 3 роки тому +1

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

  • @ЛежимБомбим
    @ЛежимБомбим 3 роки тому +3

    "Дополнительной обработки для асинхронных экшенов не надо"...
    Надо!
    А то будете ловить ошибки типа: [MobX] Since strict-mode is enabled, changing (observed) observable values without using an action is not allowed.
    У автора такая же.
    Однако вцелом видео полезное. Спасибо!

  • @ВладиславТимофеев-в5т

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

  • @garikmelqonyan6011
    @garikmelqonyan6011 2 роки тому

    Short and descriptive.
    Thanks Timur

  • @likluklak
    @likluklak Рік тому

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

  • @АндрейНеумыванный-м2з

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

  • @ГеоргийМельничук-г1б

    Дуже все класно пояснив! Дякую!

  • @ИванЗырянов-к5ъ
    @ИванЗырянов-к5ъ 3 роки тому

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

  • @namesurname-ss8vx
    @namesurname-ss8vx 2 роки тому

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

  • @andriypruttov5462
    @andriypruttov5462 3 роки тому

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

  • @СергейСиндякин
    @СергейСиндякин 3 роки тому

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

  • @АйратАхунов-п8в
    @АйратАхунов-п8в 4 роки тому +3

    Мда думал сложная в понимании технология типо редакса. А тут всё понятно :/. Нахрена мне тогда этот редакс для своих проектов, если есть это чудо. За ролик спасибо, очень годно, теперь точно буду интересоваться в следующий раз, когда будут обсуждать какую то новую технологию)))

    • @UlbiTV
      @UlbiTV  4 роки тому +1

      Даааа, мобХ гораздо проще для понимания) Спасибо!

    • @АйратАхунов-п8в
      @АйратАхунов-п8в 3 роки тому

      @@UlbiTV спасибо тебе, я благодаря тебе узнал за месяц больше, чем узнавал за год

  • @hutoryanin
    @hutoryanin 3 роки тому

    *Л. а. й. к. о. с.* за видос.

    • @UlbiTV
      @UlbiTV  3 роки тому

      Спасибо!)

  • @sagiden1343
    @sagiden1343 2 роки тому

    finished. The best lessons

  • @jiza2377
    @jiza2377 3 роки тому +1

    Прикол и зачем я редакс учил, кайф короче. MobX top

  • @kurc_wl
    @kurc_wl 2 роки тому

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

  • @chelovekvolniy4247
    @chelovekvolniy4247 3 роки тому +2

    Зачем использовать map/filter и создавать новый объект, если в мобх ты можешь мутировать? зачем лишний раз давать работу gc? Создал 1 раз объект и развлекайся с ним.
    + ты делая complete: true, пересоздаешь массив todo. Реакт перерендерит компонент со списком(сами элементы не будут ререндериться благодаря key)

  • @free_Belarus_free_Ukraine
    @free_Belarus_free_Ukraine Рік тому

    Это и все??? Я работал с Redux 5 лет, сейчас зашел на проект с MobX. Да, это небо и земля) Я думал потрачу пару часов только на понимание сути. А тут 12 минут на 1.5 скорости и можно в работу
    Пойду пробовать, автору, как всегда, огромное спасибо за супер контент

  • @НадеждаГринько-ю1ц
    @НадеждаГринько-ю1ц 3 роки тому +1

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

  • @ЕвгенийЖ-н6м
    @ЕвгенийЖ-н6м 3 роки тому

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

  • @PerryCoxer
    @PerryCoxer 2 роки тому

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

  • @Lolin-dx7hk
    @Lolin-dx7hk 2 роки тому

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

  • @ВалерийХарламов-ь4в

    Случилось непонятное. Написал в точности как на 1:45, но выскочила ошибка - в экспортируемом объекте this у меня undefined, контекст потерян. Побился некоторое время, в результате переписал методы класса на стрелочные, чтобы не биндить, и всё заработало. Вопрос: а как оно у автора-то работало? )

    • @Karifax
      @Karifax Рік тому

      У меня все работает, повторял в точности как и было в видео, возможно где-то опечатался или что-то не дописал ( я так не заметил, что в экспорт по дефолту передается 'new Counter()' )

  • @thelast6168
    @thelast6168 3 роки тому +1

    Хороший контент!

    • @UlbiTV
      @UlbiTV  3 роки тому

      Спасибо!)

  • @ВячеславС-к1м
    @ВячеславС-к1м 3 роки тому

    Сначала лайк потом смотрю

    • @UlbiTV
      @UlbiTV  3 роки тому

      Спасибо!)

  • @yevgeniy-ten3482
    @yevgeniy-ten3482 4 роки тому +1

    лучший бро

    • @UlbiTV
      @UlbiTV  4 роки тому

      Спасибо бро!)