Как в SPA реализовать страницы?

Question

[Даниил]

Вопрос наверно какой-то странный, ведь в SPA должна быть одна страница)
Суть в чем часто при реализации одностраничных приложений, есть необходимость реализации "страниц" (экранов, активити). Делал приложение на backbone и изобретал велосипед с $.get() и шаблонами в разных файлах, приходилось следить за DOM событиями и подгружать css в полуавтоматическом режиме (((.
Суть вопроса, есть ли уже готовые решения или практики, почему-то кажется что видел похожее в реакте.
Надеюсь достаточно ясно изложил проблему. Как реализовать разные экраны в одностроничном приложении? Подскажите куда копать.
UPD. Да роутером я пользовался, но он ведь грубо говоря просто сообщает что изменился url. Я хотел спросить именно про саму реализацию подгрузки другого экрана.
UPD2. Например есть две страницы: Профиль и диалоги, с абсолютно разной разметкой. Есть header и footer, которые одинаковые на всех страницах. Как в spa реализовать смену разметки, при переходе на профиль или диалоги.

Answer 1

[Сергей delphinpro]

Так роутер же! По разным урлам подключаете нужный компонент. роуты можно группировать для однотипных страниц.

Answer 2

[xmoonlight]

https://github.com/xmoonlight/includeHTML

A modern JavaScript router in 100 lines

Comments

[Даниил]

Не совсем про это( Например есть две страницы: Профиль и диалоги, с абсолютно разной разметкой. Есть header и footer, которые одинаковые на всех страницах. Как в spa реализовать смену разметки, при переходе на профиль или диалоги.

[xmoonlight]

Daniil94: обновил.

[Олег Гамега]

Daniil94: это все router

Answer 3

[Олег Гамега]

если я вас правильно понял вы про router

Answer 4

[Islam Ibakaev]

https://reacttraining.com/react-router/