Объясните простым языком, как происходит общение React с бэкэндом например Java или PHP?

Question

[bpGusar]

Например мне понятно как в обычной жизни происходит общение фронта с бэком при разработке сайта на к примеру html/css/jquery/js там всё просто, а вот я хочу дальше развиваться и попробовать React и не понимаю как происходит общение реакта с бэком. Как работает реакт я понял, попробовал с firebase работать, неужели и с Java или PHP так же? Через API дергаю данные с бэка и на клиент вывожу распаршенный JSON ? Или как?

Answer 1

[Vitaliy]

REST API. Чаще всего в формате JSON.

Отличие от oldschool'ной практики в том, что сервер и клиентское приложение разделены.
Второй отвечает за визуальную часть и взаимодействие с пользователем.Первый отвечает за данные и бизнес логику. Хотя может быть по разному.
Главное то, что в REST API сервер не back-end не должен отвечать на генерацию html и т.п.

Comments

[bpGusar]

То есть React строит вообще ВСЮ клиентскую часть а бэк отдает данные в виде джейсона и реакт уже ими оперируя строит визуал?

[Vitaliy]

bpGusar, именно

[Vitaliy]

bpGusar, поэтому бэк не должен отдавать никакую статику (если данные не могут меняться независимо от деплоя/разработки)

[Vitaliy]

Nikolay Petyukh, речь о REST API же, он же и выступает в роли бэка

[bpGusar]

Nikolay Petyukh, так а в чем разница тогда от классики?

[Vitaliy]

Nikolay Petyukh, фронтенд сервер это обычно Nginx. В итоге клиентский это только статика, которая выполняет собственно на клиенте и ничего лишнего. В случает SSR это уже другой вопрос

Answer 2

[Pantene742]

При помощи http протокола который работает поверх TCP/IP. Назывется это REST. Читай теоритические книжки. Ты наверное один из тех кто говорит что зачем Вузы и Теория. Сел и программируешь. Но вот Что могу посоветовать так это книги Танембаума. Архитектура ЭВМ. Архитерктура ОС. Третья книга Компьютерные сети. Также посоветую книги о Алгоритмах, Код Тайный язык информатики. Тогда ты не будешь задавать столь глупые вопросы.

Перечисленных книг страниц около 4 000. Прочитай хотя бы 1000. выборочно. Также подгугливай википедию. Это даст тебе представление о том вообще что такое программирование. Front End Это прикладное программирование. Здесь обязательно надо быть обознаным в Computer Sciense

Comments

[l1l1l1]

Написали же ПРОСТЫМ ЯЗЫКОМ, а вы начинаете мораль читать и про книги рассказывать.

"Архитектура ЭВМ. Архитерктура ОС" по теме вопроса эти книги вообще как человеку смогут помочь? Именно по теме того вопроса который он задает.

"Это даст тебе представление о том вообще что такое программирование. Front End Это прикладное программирование. Здесь обязательно надо быть обознаным в Computer Sciense"
все понятно с вами. начните сами читать книги, начинайте с букваря.

[l1l1l1]

Кстати да, все книги успели прочитать после того как вам из посоветовали ? Как учить C++ программисту который не учился в вузе в данной сфере?
еще 7 апреля да же на базовом уровне не знали про "Архитектура ЭВМ. Архитерктура ОС", а теперь уже все знаете? За 21 день успели прочитать обе книги, анализировать информацию в них и уже начали советовать кому то еще и с предъявами?
Смешнее человека чем вы за последний год я не встречал.

[Pantene742]

l1l1l1, Ранее читал, было очень трудно. Вопрос был задан потому что думал найти книги полегче. Кстати когда гуглишь много, и потом повторно через год читаешь ту же саму книгу то понимаешь почти все. Поэтому и сказал вам не читать все а только то что понятно. Просто со временем практики, изучением необходимых для работы материалом советую вернутся к прочтению данных книг. Я все эти книги читал.... признаюсь очень выборочно. может по процентов 10%. И если я бы этого не делал то задавал бы подобные вопросы.

[Pantene742]

Лучше уже этого не знать чем просить объяснить простым языком. Здесь надо знать как это работает для того чтоб нормально с этим работать.

Answer 3

[nlog]

Если под

общение реакта с бэком

подразумевается отправка HTTP-запросов с использованием AJAX, то можно использовать любую удобную технологию: window.fetch, jQuery.ajax(), superagent, axios и т.п.
В простых случаях загрузка данных выполняется в методе componentDidMount компонента.

Answer 4

[bacca]

На сервере, ты следишь за запросами аля api/users и отдаешь в Json данные. парсишь их в js, как тебе нужно.
Так же на сервере. всегда возвращаешь одну и туже вьюху, а react сам разбирается, что показать клиенту, используя внутренний роутинг.
Там же он и делает запросы к "api" куда и как обратится, какие данные ему нужны.