Как правильно писать SPA?

Question

[Li_Von]

Всем привет.

Хочу сделать веб-приложение на SPA.
Видел здесь вопрос, примерно такой же, но он повлек ещё вопросы.

Там парень реализовал Spa, как один html документ и просто скрывал/показывал нужные секции. Получилось 5000+ строк кода. Его конечно критиковали и говорили, что надо подгружать html страницы через Ajax или же хранить все данные в каком-то view (как я понял это типа папка на сервере?).

Так вот, можете рассказать как правильно реализовать SPA? Как подругжать эти страницы и какой лучше фреймворк использовать?

Заранее большое спасибо!

Comments

[sim3x]

А для каких целей приложение?

[Li_Von]

И@sim3x, имеет значение?

Answer 1

[Владимир]

https://angular.io/
https://facebook.github.io/react/
https://vuejs.org/
https://www.emberjs.com/

Comments

[Li_Von]

Про эти фреймворки я знаю. Но как например на их основе подгружать страницы? Через ajax? А зачем тогда фреймворки?

[Li_Von]

Артём Петренков, а теперь главный вопрос :) Как их подгружать ?

[Владимир]

Li_Von, https://angular.io/tutorial

Там по всем ссылкам есть раздел Quick Start и Tutorial если хотите стать разработчиком, учитесь читать документацию.
https://www.udemy.com/the-complete-guide-to-angula...

[Li_Von]

Артём Петренков, извиняюсь за навязывать, но вы мне сказали как подругжать данные или страницы?

[Владимир]

Li_Von, фреймворки, которые я перечислил работают с RESTful серверами. Бекенд для них формирует не страницы, а наборы данных в виде JSON

Answer 2

[Иван]

Spa, как один html документ и просто скрывал/показывал нужные секции

Это костыль, хотя как известно костыли бывают вполне работоспособны. Проблема в том, что подобный код крайне геморройно писать совместно и поддержка - беда.
Верный метод, это когда у тебя все приложение разбито по модулям и перед отправкой клиенту собирается в единый файл. Например если все скопом компилируется в один JS, типа React или Vue.
Либо вариант, когда компоненты динамически подгружаются по мере необходимости. Например PJAX.