@n1ksON
мидл

Как правильно реализовать работу с API в React?

Вопрос касается правильного оформления и разделения кода.
Необходимо встроить в приложение несколько новых компонент, которые работают с контентом, получаемом по API. Как правильно подойти к написанию запросов к API? В приложении не используется redux, соответственно нет и redux-saga.

Изначально хотел писать fetch-запросы прям в функциональной компоненте, которая бы обновляла state, через setState. Но это не очень правильный подход, и слишком загромоздит компоненту. Как тогда правильнее это реализовать? Насколько корректным является способ использования контекста или есть варианты проще?

Пока остановился на варианте контекста, написать провайдер-обертку, где и будут оформлены API-запросы и обновление стейта

Надеюсь, что достаточно понятно сформулировал идею вопроса. Хочу понять, как грамотно сформировать API-запросы, какие средства использовать для стейт-менеджмента: хуки, контекст или иное? Какой способ наиболее правильный и простой?
  • Вопрос задан
  • 55 просмотров
Пригласить эксперта
Ответы на вопрос 1
@shtokol
Это тема архитектуры проекта и тут нет однозначного ответа, все зависит сугубо от конкретного проекта, если redux не используется, то что мешает его внедрить? если нет возможности, то используйте контекст это единственный адекватный вариант, ни пропсами же все прокидывать из компонента в компонент, но у контекста есть твои минусы к примеру большое количество перерендеров, на данный момент нет ничего лучше чем redux или box, можно еще создать хук в котором будет прописала логика запроса и вызывать его в нужном компоненте, но такие варианты подойдут для не больших проектов
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы