Архитектура фронтенда современного server side rendering сайта — как реализовать лучше?
Всем привет. Задался вопросами как строить фронт на большом server side rrendering сайте.
Что я имею ввиду?
Допустим у нас на сайте 10 основных разделов сайта, где есть компоненты которые на сегодняшний день характерны для конкретных разделов сайта (например аватарки юзеров, да ивообще сущность юзера, присутствуют только в разделе личного кабинета), а часть компонентов общие (например кнопка купить).
Как быть например со стилями? Разбивать ли файлы стилей под разные разделы сайтов, что-бы на странице например того же профиля, у нас будут стили только специфичные для данного раздела + какието общие стили? Или же на счет этого никто не париться и все css сливает в 1 общий бандл?(в это тоже есть плюс так как не надо париться на тему того, что в любом месте сайта можно использовать все возможные компоненты системы, а как мы знаем, если сегодня например кнопки купить в профиле нет, это не значит что завтра она там не появиться исходя их нового ТЗ).
Тот же вопрос по js? Нужно ли разбивать на отдельные файлы характерные для специфичных разделов или же лить весь js в один файл?
Я понимаю что разбивка дает какие то преимущества по перфоманцу и т.д., но стоит ли игра свеч? И кто как вообще делает?
Если сайтец не на Angular/React/Vue то юзай pug разбивай всё на миксины и уже где нужно подключай и вызывай их. Краткая и простая документация по pug
З.Ы Разбивка стоит затраченого времени т.к при изминении ТЗ без разбивки будет плохло)
З.Ы 2 весь css и js в разные файлы чтобы станички быстрее грузились (не забудь js и css кешировать)
