Что почитать по архитектуре Vue-приложения?

Подскажите, есть ли какие-то авторитетные источники про проектирование архитектуры веб-приложений на реактивных фреймворках, в частности - Vue. Может быть есть книжки, статьи, доклады или просто дневники экспертов? Я ничего прямо толкового не нашёл.
  • Вопрос задан
  • 2989 просмотров
Пригласить эксперта
Ответы на вопрос 3
@Tech_Nomad
Веб-разработчик, переводчик, фрилансер, кочевник
Я лично не назвал бы себя особо большым спецом. Но написал уже пару приложений от и до с Vue.js и так получилось что создал насколько я знаю первую полноценную plug and play тему для WordPress (то есть без Node.js SSR но при этом с полной SEO поддержкой, таким образом пользователь может её просто установить как обычную тему на своём сайте и использовать без каких либо дополнительных работ над кодом сайта, что на данный момент при остальных существующих концептах для WordPress в сфере Vue.js не возможно).

При самообучении (главным образом 22-ух часовый курс от Maximilian Schwarzmüller на Udemy.com) я не натыкался на серьёзные ресурсы с углублённым обсуждением архитектуры Vue.js приложений. Наверное те кто в этом шпарит не сидят особо на тостере или stackoverflow :) По этому я лично просто подстраивал архитектуру своих приложений под endpoints данного Backend (Symfony 4 и WordPress). Для WordPress я просто организую компоненты как я бы организовал обыкновенную тему для WordPress:
post.php ---> src/components/main/single/post.vue
index.php ---> src/components/main/lists/posts.vue
front-page.php ---> src/components/main/pages/home.vue
page.php ---> src/components/main/single/page.vue
archive-{custom-post-type}.php ----> src/components/main/lists/{custom-post-type}-posts.vue

Сайт я делю на части Main, Header, Footer, (Sidebar, если навигация не в Header,) и Modals. (Глобальная) Коммуникация между ними происходит через Vuex модули. А Vue-Router обрабатывает HTTP запросы, используя при этом Axios.

Обширные и многочисленные методы и hooks (activated, mounted, etc) одной компоненты пытаюсь насколько можно переносить в Mixins и делать их универсальными для использования в других компонентах чтобы держать script tag максимально чистым (когда ищешь ошибки, 200-400 строчек скрипта и 10 разных между собой связанных методов могут стать огромным pain in the ass).

Совсем недавно натолкнулся на этого парня, которого пару статей и сайт мне понравились:
https://markus.oberlehner.net/
Возможно уже в его обширных статьях вы найдёте кучу нужной информации. В добавок он собирается как раз на эту тему выпускать книгу и тут можно на его newsletter подписаться (я подписался и пока никакого спама, только по теме):
https://oberlehner.us20.list-manage.com/subscribe?...

А вот куча интересных ссылок которые получаешь при первых же результатах поиска "Vue.js аrchitecture" (то есть без гарантий с моей стороны):
https://v1.vuejs.org/guide/application.html
https://learn-vuejs.github.io/vue-patterns/useful-...
https://itnext.io/how-to-structure-a-vue-js-projec...
https://dev.to/maxpou/3-tips-for-scaling-large-vue...

В этой книге есть часть под названием "Large Application Patterns with Vuex":
https://www.amazon.de/dp/B01N6VAO4P

Эта книга тоже кажется интересная, более 200 страниц посвящены Vuex и Vue-Router:
https://www.amazon.de/Fullstack-Vue-Complete-Guide...

Ну и последним самые авторитетные ресурсы на эту и похожие темы с VueConf Talks:
https://www.vuemastery.com/conferences/vuejs-amste...
https://www.vuemastery.com/conferences/vueconf-tor...
https://www.vuemastery.com/conferences/vueconf-tor...
https://www.vuemastery.com/conferences/vueconf-tor...
https://www.vuemastery.com/conferences/connect-tec...
https://www.vuemastery.com/conferences/vueconf-us-...
https://www.vuemastery.com/conferences/vueconf-us-...
https://www.vuemastery.com/conferences/vueconf-us-...
https://www.vuemastery.com/conferences/vueconf-us-...
https://www.vuemastery.com/conferences/vueconf-us-...
https://www.vuemastery.com/conferences/vueconf-us-...
https://www.vuemastery.com/conferences/vueconf-us-...
https://www.vuemastery.com/conferences/vueconf-us-...

Have fun :)
Ответ написан
@nrgian
Официальная дока.
И авторитетна.
И достаточно хорошо разжевано.
Ответ написан
@PEMOK

Чик чик

Тут по-моему все есть.
Или на онлайн курсы бесплатные.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы