как взаимодействует фронтенд и бекэнд React

Рейтинг: 0Ответов: 1Опубликовано: 21.03.2023

я занимаюсь фронтенд-частью приложения, но фронтенд должен всегда взаимодействовать с бекэндом. Я знаю, что все это происходит через API и запросы (post/get/delete) Но не понимаю, какую инфу корректно узнавать у бекендера, а какую я должна знать сама.

Например, у меня задание: реализовать загрузку фотки на сайт - когда нажимаешь на иконку "загрузить" и выбираешь фотку, затем она добавляется. Вот это у меня реализовано и оно и так добавляется туда, зачем тут бекенд и как это связать с моим функционалом?? Я правда не понимаю(((

может быть вы посоветуете какую-то литературу почитать профильную или расскажете, как это работает? благодарю!

reactjs frontend backend
Источник: Stack Overflow на русском

Ответы

▲ 0

Когда ты загружаешь фотку, по нажатию на кнопку на фронте, фотка добавляется с твоего компьютера. Бекенд нужен, например, когда тебе нужно получить список товаров с бд. Ты делаешь get запрос с фронта например через fetch или библиотеку AXIOS. На бекенде написан код, который этот запрос принимает и обрабатывает его. Затем бекенд на основе запроса с фронта посылает запрос в бд, где хранится вся информация о товарах (наименование, цена, путь к фото и тд). Бд возвращает данные серверу, а сервер отдаёт их фронту, который всё красиво упаковывает для зрительного представления клиенту. Это если прям в базовых основах