REACT ПРИЛОЖЕНИЕ AGILE BOARD С MOBX/MOBX-STATE-TREE | Hooks, JSON Server, Material UI

Подписаться 18 тыс.

Просмотров 14 тыс.

50% 1

Узнайте, как создать Agile Task Board (To Do List на максималках) на React с нуля в этом руководстве. Мы будем использовать React , Hooks , React Beautiful Drag&Drop, JSON Server, Material UI.
✔️Если хочешь изучать программирование со мной, не забудь подписаться :)
/ @wisejs
✔️Мой телеграм канал: t.me/joinchat/...
✔️Ссылки из видео:
JSON SERVER DB & CONFIG:
github.com/mak...
РАБОТА С АСИНХРОННЫМ КОДОМ. ПОСЛЕДОВАТЕЛЬНЫЕ ВЫЗОВЫ. • ПОСЛЕДОВАТЕЛЬНЫЕ ВЫЗОВ...
#react #mobx #mobxstatetree

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

2 окт 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@wisejs 3 года назад

Знали ли вы о возможностях mobx-state-tree, которые я использовал в этом видео? Что предпочитаете mobx или redux?

@olehlavryk5902 3 года назад

Силку на репозиторий плз, нужно файл index.json

@wisejs 3 года назад

github.com/maks1mp/mst/tree/master/database

@olehlavryk5902 3 года назад

@@wisejs Ура смогу повторить как на видео. Спасибо

@zergzerg4844 3 месяца назад

Как хук afterCreate() { self.load(); } может вызвать load если его нет в объекте? Он даже тебе подсвечивает, в typescript вобще ругается нет такого метода в объекте

@epic3386 3 года назад

Прямо с ходу ставлю лайк и сажусь делать свою первую доску 👍 побольше таких видео 👍

@wisejs 3 года назад

Спасибо, очень приятно слышать!

@АлександрКос-р3щ 2 года назад

32:36 - кто-нить знает, как mobx понял, что 'MAIN' надо искать среди id? А если будет какой-нибудь еще одно свойство с таким значением?

@romanlamer181 3 года назад

Как всегда очень хорошее видео,спасибо!

@NOONE-fw5wu Год назад

Это просто потрясающее видео. Огромнейшее спасибо. Наконец-то кто снял видео без этой помойки (я про редакс). Из всего, что я видел, это пока лучшее. Так же интересно как ты так сделал интерфес, что у тебя еще и файлы, которые менялись показываются? В любом случае, еще раз большое спасибо. Было очень познавательно.

@ГенаПетров-н5ы 3 года назад

Для такой задачи лучше подойдёт react-query или аналог. Mobx подходит для других задач

@ВиталикБойко-ч6д 2 года назад

Очень интересно , спасибо! Подписался. Было бы хорошо отдельно что - то запилить по mobx и mobx-state-tree по примеру redux или redux-saga. Может у тебя это есть в планах?

@Aurum-Boss 2 года назад

Классная практика с использованием новых подходов,расширяет кругозор.

@АлинаЧередниченко-п2п 3 года назад

Крутое приложение! 👍🏻спасибо

@liz2k 10 месяцев назад

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

@diamondskrt 2 года назад

При сохранении все данные отправляются в методе PUT, в payload массив с тасками, запрос отрабатывает со статусом 200, но в response приходит только id статуса (например: DONE). В чем может быть проблема?

@aksenovkirill5191 2 года назад

Единственный свежий, актуальный и на русском языке курс по MST. Находка!Я залетел на проект в котором порядка 50 сторов и все на MST!Спасибо тебе - для меня это очень сейчас актуально!

@hasst9261 3 года назад

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

@wisejs 3 года назад

Спасибо за комментарий!

@МаксимИсаев-ъ5о Год назад

Ну это вообще отвал башки!

@ЮрийДьячков-к9ю 3 года назад

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

@wisejs 3 года назад

В некоторых случаях так и есть. Сейчас стараюсь руководствоваться следующим правилом - использовать useCallback когда на функцию завязаны другие хуки.

@АлМ-ы8ъ 3 года назад

На ноуте очень неудобно смотреть - мелкий шрифт. Возьмите на заметку, если еще не взяли, все таки спустя 7 месяцев после публикации видео этот коммент пишу)

@wisejs 3 года назад

Спасибо за комментарий! В новых видео шрифт больше :)

@КириллПетров-ш3н3к 3 года назад

Супер, спасибо за видео.

@olehlavryk5902 3 года назад

Планирую завершить проект и сделать Деплой на Github pages в качестве демо. Стандартный Деплой будет работать или с сервером будут какие-то подводные камни?

@wisejs 3 года назад

Не получится задеплоить на github.pages т к нужен сервер. Лучше используйте heroku.

@olehlavryk5902 3 года назад

@@wisejs спасибо, на heroku наверное стандартний деплой подойдет ?

@wisejs 3 года назад

@@olehlavryk5902 не совсем понимаю что значит стандартный.

@olehlavryk5902 3 года назад

@@wisejs ну если сделать простой деплой апки на heroku по инструкции

@maksympogribnyak6511 3 года назад

@@olehlavryk5902 подойдет, главное проследить что бы запущен был и клиент и сервер.

@ИринаКошман-п6р 3 года назад

Очень классно получается у тебя объяснять ) А в чем преимущество описывать работу с api в виде класса, а не функциями?

@wisejs 2 года назад

На самом деле вкусовщина. Мне нравится, что можно описать методы по работе с данными и запросы в одном месте в ООП стиле.

@GonzaVladimir Год назад

вообще то, в видео нет никакого объяснения. Ну он пишет код, но после видоса ты с mst работать всё равно не сможешь. Просто покодить вместе с ним после всё равно не повторишь. так что пустая трата времени

@ДаниилГалимзянов-э4л 3 года назад

на 1:04:57 появилась функция cast. Для чего она?

@wisejs 3 года назад

cast нужен для преобразования данных в кусок mobx-state-tree дерева. Это связано с тем, что MST позволяет присваивать моментальным снимкам фактические значения и автоматически преобразовывать их. Внутри экшена можно было обойтись и без него, однако я использую MST в большинстве случаев с typescrtipt, а там он нужен для правильного преобразования типов.

@ДаниилГалимзянов-э4л 3 года назад

@@wisejs спасибо

@АлександрКос-р3щ 2 года назад

Чувак, круто, но в 21 году уже пишут на тайпскрипте

@wisejs 2 года назад

я заборонив писати на typescript?