Одностраничное приложение с Vue.js и Rails

Одностраничные приложения (SPA) появляются повсюду в среде разработки современных веб-приложений. SPA предлагают богатый пользовательский интерфейс без неэффективной загрузки совершенно новых веб-страниц по мере навигации пользователей. Но создание надежного SPA может оказаться непростым делом: интерфейс JavaScript и API бэкэнда должны работать в гармонии.

Итак, что же нужно для создания одностраничного приложения, использующего Vue.js во внешнем интерфейсе и Rails в качестве внутреннего API? И как бы вы спроектировали его прагматичным, простым способом?

Узнайте, как мы распаковываем приложение с полным стеком слой за слоем!

Начните с завершенного приложения и сломайте его

Познакомьтесь с современным ландшафтом разработки одностраничных веб-приложений.

Из этого туториала вы узнаете, что нужно для объединения внешнего интерфейса Vue.js с внутренним API-интерфейсом Rails. По пути мы обращаемся ко многим общим проектным решениям, включая:

• Как код двух приложений организован и структурирован?
• Как внешние интерфейсы
•  JavaScript асинхронно взаимодействуют с внутренними API?
• Как выглядит дизайн JSON API?
• Когда и где используются однофайловые компоненты Vue? И как данные распределяются между ними?
• Какую роль играет маршрутизатор в одностраничном приложении?
• Когда следует использовать Vuex для управления состоянием на стороне клиента?
• Как аутентификация работает и остается безопасной между двумя приложениями?

Мы начинаем с готового приложения и распаковываем его послойно, отвечая на эти вопросы и многое другое. Вы уйдете, понимая, как все работает вместе в гармонии.

Не нужно собирать решения самостоятельно. Используйте это полнофункциональное приложение в качестве трамплина для создания собственных приложений!

https://coursehunters.online/t/pragmaticstudio-unpacked-a-single-page-app-with-vue-and-rails/2775