REACT ПРИЛОЖЕНИЕ AGILE BOARD С MOBX/MOBX-STATE-TREE | Hooks, JSON Server, Material UI
Вставка
- Опубліковано 18 лют 2021
- Узнайте, как создать Agile Task Board (To Do List на максималках) на React с нуля в этом руководстве. Мы будем использовать React , Hooks , React Beautiful Drag&Drop, JSON Server, Material UI.
✔️Если хочешь изучать программирование со мной, не забудь подписаться :)
/ @wisejs
✔️Мой телеграм канал: t.me/joinchat/RVq-cmt6n1SJRS7Z
✔️Ссылки из видео:
JSON SERVER DB & CONFIG:
github.com/maks1mp/mst/tree/m...
РАБОТА С АСИНХРОННЫМ КОДОМ. ПОСЛЕДОВАТЕЛЬНЫЕ ВЫЗОВЫ. • ПОСЛЕДОВАТЕЛЬНЫЕ ВЫЗОВ...
#react #mobx #mobxstatetree
Знали ли вы о возможностях mobx-state-tree, которые я использовал в этом видео?
Что предпочитаете mobx или redux?
Как всегда очень хорошее видео,спасибо!
Супер, спасибо за видео.
Прямо с ходу ставлю лайк и сажусь делать свою первую доску 👍 побольше таких видео 👍
Спасибо, очень приятно слышать!
Очень полезно. Спасибо!
Спасибо за комментарий!
Спасибо за отличный пример использования mobx. Возьму на вооружение. Классный и чистый код.
Классная практика с использованием новых подходов,расширяет кругозор.
Крутое приложение! 👍🏻спасибо
Это просто потрясающее видео. Огромнейшее спасибо. Наконец-то кто снял видео без этой помойки (я про редакс). Из всего, что я видел, это пока лучшее. Так же интересно как ты так сделал интерфес, что у тебя еще и файлы, которые менялись показываются? В любом случае, еще раз большое спасибо. Было очень познавательно.
Очень интересно , спасибо! Подписался. Было бы хорошо отдельно что - то запилить по mobx и mobx-state-tree по примеру redux или redux-saga. Может у тебя это есть в планах?
Для такой задачи лучше подойдёт react-query или аналог. Mobx подходит для других задач
Единственный свежий, актуальный и на русском языке курс по MST. Находка!Я залетел на проект в котором порядка 50 сторов и все на MST!Спасибо тебе - для меня это очень сейчас актуально!
При сохранении все данные отправляются в методе PUT, в payload массив с тасками, запрос отрабатывает со статусом 200, но в response приходит только id статуса (например: DONE).
В чем может быть проблема?
Как хук afterCreate() {
self.load();
} может вызвать load если его нет в объекте? Он даже тебе подсвечивает, в typescript вобще ругается нет такого метода в объекте
32:36 - кто-нить знает, как mobx понял, что 'MAIN' надо искать среди id? А если будет какой-нибудь еще одно свойство с таким значением?
Подскажи, почему каждую функцию оборачиваешь в useCallback? В некоторых случаях это выглядит как излишняя оптимизация.
В некоторых случаях так и есть. Сейчас стараюсь руководствоваться следующим правилом - использовать useCallback когда на функцию завязаны другие хуки.
Очень классно получается у тебя объяснять )
А в чем преимущество описывать работу с api в виде класса, а не функциями?
На самом деле вкусовщина. Мне нравится, что можно описать методы по работе с данными и запросы в одном месте в ООП стиле.
вообще то, в видео нет никакого объяснения. Ну он пишет код, но после видоса ты с mst работать всё равно не сможешь. Просто покодить вместе с ним после всё равно не повторишь. так что пустая трата времени
Силку на репозиторий плз, нужно файл index.json
github.com/maks1mp/mst/tree/master/database
@@wisejs Ура смогу повторить как на видео. Спасибо
Планирую завершить проект и сделать Деплой на Github pages в качестве демо. Стандартный Деплой будет работать или с сервером будут какие-то подводные камни?
Не получится задеплоить на github.pages т к нужен сервер. Лучше используйте heroku.
@@wisejs спасибо, на heroku наверное стандартний деплой подойдет ?
@@olehlavryk5902 не совсем понимаю что значит стандартный.
@@wisejs ну если сделать простой деплой апки на heroku по инструкции
@@olehlavryk5902 подойдет, главное проследить что бы запущен был и клиент и сервер.
не хватает тебе graphql чтобы одним запросом доставать все данные
на 1:04:57 появилась функция cast. Для чего она?
cast нужен для преобразования данных в кусок mobx-state-tree дерева.
Это связано с тем, что MST позволяет присваивать моментальным снимкам фактические значения и автоматически преобразовывать их.
Внутри экшена можно было обойтись и без него, однако я использую MST в большинстве случаев с typescrtipt, а там он нужен для правильного преобразования типов.
@@wisejs спасибо
Ну это вообще отвал башки!
На ноуте очень неудобно смотреть - мелкий шрифт. Возьмите на заметку, если еще не взяли, все таки спустя 7 месяцев после публикации видео этот коммент пишу)
Спасибо за комментарий! В новых видео шрифт больше :)
Чувак, круто, но в 21 году уже пишут на тайпскрипте
я заборонив писати на typescript?