Курс по Pinia #6 - Модули
HTML-код
- Опубликовано: 30 сен 2024
- В этом видео поработаем c модулями, вызывая их из других модулей.
API developers.the...
GitHub: github.com/Ale...
Telegram: t.me/front_eve...
Instagram: / frontend_everyday
VK: groups
Тренировка своих навыков: frontend-skill...
Спасибо за уроки!) Возник вопрос, а не будет ли более правильным написать action ( addMovie( movie ) ) в самом movieStore по добавлению объектов в movies, чем мутировать состояние из другого store напрямую? А так вызвал moviesStore.addMovie(movie) и все. Плюс, если хотим добавлять объекты из нескольких store будет проще контролировать процесс. Заранее спасибо)
Можно, конечно) разработка в целом такая штука, что можно по разному писать) справедливости ради, тут вообще можно без модулей обойтись. Фильмы и фильмы, сущность одна) тут больше как для примера того, как в целом работает механизм модулей :)
Когда будет продолжения?. Четкие контент. Предлагаю всем именно новичкам
Следующие видео заключительные - в четверг и субботу)
@@frontend-skills Будет круто если выйдет в четверг)))
Огонь! Спасибо за полезную информацию)
С удовольствием смотрю твои видео)
Спасибо большое!)
Коротко и ясно. Спасибо.
Супер, спасибо!
Отличный урок, спасибо за труд!
Спасибо, что посмотрели!
Привет. Есть бага, фильм можно добавлять сколько угодно раз и не понятно и списка поиска добавлен фильм или нет)
Привет) это не баг) приложение можно дальше улучшать, главное что я хотел показать - это концепция стора в принципе: что это такое и как с ним работать :)
@@frontend-skills ясно) добавил проверку(есть ли фильм в списке избранных) и блокировку кнопки добавления
большое спасибо за видео
Будет ли правильным переносить часть экшинов, таких как AddToUserMovies в некий composables, где часто размещают бизнес-логику?
Ну тут надо исходить из того, для чего вам стор. В целом вам, конечно, никто не запрещает. Но в данном случае я не очень вижу смысл. У вас есть стор с фильмами и есть экшн, который непосредственно меняет значение в сторе. Смысл в composable логику переносить? Я бы не стал. Но, конечно, многое зависит в целом от логики реально проекта. Вот в данном случае я бы не стал. Но это не значит, что это никогда нельзя делать) просто если в сторе лежит сущность, то обычно логику работы с этой сущностью я и храню в сторе, а не размазываю по проекту)
подгружаю асинхронно фильмы с помощью actions, после разворачиваю полученные данные в компоненте, но после обновления страницы все пропадает, в каую сторону нужно копать? не пойму почему состояние не сохраняется
А в localstorage или куки сохраняете?
@@frontend-skills нет) теперь понятно, в какую сторону идти, спасибо!
Я правильно понимаю, что можно описать action для изменения состояния массива movies? Или это бессмысленно и проще использовать мутируемые методы по типу push? 4:14
Извиняюсь за долгий ответ) немного не понял, что за action надо добавить для изменения состояния) можете привести пример?
@@frontend-skills думаю имеется в виду нормально ли записывать напрямую в стейт чужого модуля или нужно делать экшен для изменения стейта в том модуле, в который пишем
Просто например мутации во vuex именно для того и нужны были, что открыв молуль стора было понятно что и как в стейте может меняться
Я бы ещё сделал видео, когда компоненты в опшен-апи написаны, а то было сказано что сначала разберём опшен-апи, а компоненты в композишене, а композишен это просто дополнительный апи, а не основной
Если видео не будет напишу, что там почти всё как и при использовании vuex, но есть только mapActions для экшенов и mapState для стейта и геттеров. Есть ещё какой-то вритбл стейт, но я им не пользовался.
Composition сейчас чаще Options используется во Vue3. Так что на счет не основного не совсем согласен, особенно если открыть проекты на свежем стеке и вакансии. Конечно, Options не устарел и надо с умом выбирать подход написания компонентов, но Composition, на мой взгляд, сейчас тупо популярнее. Поэтому, к сожалению, видео новое не планируется. Спасибо, что уточнили это в комментариях! Думаю, будет очень полезно :)
@@frontend-skills не, я про то, что сам vue позиционирует композишен как дополнительный апи. =)
Спасибо за перевод курса от @NetNinja 😀😀😀
А где вы увидели перевод? 🙃 Что-то я там не увидел работу с модулями, реальными обращениями к серверу, composition API, сохранение данных при перезагрузке страницы) ну а без работы с getters, state и actions сорян, но не обойтись ни в одном видео про стор