Принцип взаимоотношений front & backend?

Question

[Виктор Янышев]

Вот щас камни полетят, типа уже много написано гугли. Но вот не получается для гугления внятно сформулировать запрос. Ссылка конечно приветствую :)

Я хочу в своем представление понять как выглядит работой фронтенда с бэкэндом и наоборот.

Например если фронтенд разрабатывается на каком-нибудь фреймворке с виртуальным dom, пусть будет vuejs, пишет стили на sass, все это собирается и выплевывается через сборщик, например gulp. А все шаблоны(представления) хранятся в html. Поскольку дом строит vuejs, роль бэкэнда с водится к тому что при(наверное до рендера дом) загрузке страницы от бека должны придти начальные данные(без лишнего кода, только данные) в data через xhr. А для всех остальных случаях, манипуляции с данными это реактивное связывание (Прим. Vuejs и что-то ещё) совместно с xhr.

Верно ли я представлю картину работы, и какова роль отдачи бэка уже сгенерированого dom при участии js фрейморков с виртуальным dom?

Answer 1

[sim3x]

Чаще всего так
5 тел пилят бек, 5 фронт
Просирают сроки напроч

Приходит один синьйор и за два дня переписывает все с 0

Для поисковиков нужна статичная хтмлка - ее кто-то должен рендерить
Реакт и ко такое умеют, ангуляр также.
Тк все там нода, то таким занимаются фронтендщики.
Бекенду остается делать апи для всего етого хозяйства

Если изначально рулили бекендеры, то реакты и ангуляры будут занимать нишу jQ

В каждом (длинном) проекте все происходит по-своему

каждая несчастливая семья несчастлива по-своему

Comments

[Виктор Янышев]

Получается кто раньше начал того и тапки?)

[sim3x]

Виктор Янышев: но всегда можно перетянуть одеяло на себя
https://www.youtube.com/watch?v=s7L2PVdrb_8

[Alexander]

что это jQ ?

[Сергей]

Alexander: jQuery

[Владислав]

vue.js тоже поддерживает серверный рендеринг(готовый пакет называется Nuxt.js)

Answer 2

[Андрей]

Если коротко, то в наши дни, по сути, бэк нужен для двух вещей - отдать статику для SEO, и отдавать данные по API (REST, GraphQL, и иже). Отдавать может как по AJAX (fetch, xhr, axios, ...) так и по вебсокетам.

Фронт, в свою очередь, если SEO нужно, изоморфно рендерится беком (вебпак?), потом отдается и связывается на клиенте. Если SEO не нужно (закрытое SPA) то отдается минимальный бойлерплейт и весь UI генерится динамически, например React.

Разработка вся удобная, модульная, собирается вебпаком в бандл.