Я создаю приложение ReactJs, это одностраничное приложение. Фиксированная информация загружается мгновенно при загрузке веб-страницы, но мне нужно загрузить данные из стороннего API в мое приложение wep, которое отображается клиенту после загрузки данных в приложение.
Я использую ajax-запросы для получения этих данных от стороннего API, мне нужно 5 запросов для получения всех данных. Данные всех этих запросов составляют около 10 Мбит.
Теперь я делаю эти запросы и делаю бизнес-логику внутри приложения ReactJs. Приложение работает хорошо, и время загрузки страницы разумно.
Но проблема в следующем:
Я хочу использовать ReactJ только для отображения данных, а не для бизнес-логики. внутри него. На этой странице около 18 полей, заполненных данными из этих запросов.
Я хочу делать запросы для каждого поля отдельно, используя запрос Ajax, таким образом, было бы легче отделить бизнес-логику. Но если я сделаю это, мне нужно будет сделать гораздо больше запросов, чем первые 5 запросов. Поскольку каждое поле будет использовать запрос ajax, и таким образом я буду создавать больше запросов, и время загрузки страницы будет увеличиваться, потому что я буду неоднократно получать данные из стороннего API, потому что каждое поле потребует выполнения части бизнес-логики. снова.
В этом сценарии, лучше ли делать бизнес-логику внутри приложения ReactJs или отделять ее, создавая ajax-запрос для каждого поля? Есть ли лучший способ сделать это?
Учитывая, что, если много данных загружено, клиенту потребуется больше времени, чтобы просмотреть информацию на странице, лучше ли взять минимально возможное время, чтобы показатьданные клиенту.
С уважением