villiwalla
@villiwalla
HTML-верстка

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

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

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

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

Верно ли я представлю картину работы, и какова роль отдачи бэка уже сгенерированого dom при участии js фрейморков с виртуальным dom?
  • Вопрос задан
  • 2025 просмотров
Пригласить эксперта
Ответы на вопрос 2
sim3x
@sim3x
Чаще всего так
5 тел пилят бек, 5 фронт
Просирают сроки напроч

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

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

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

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

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

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

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы