Как правильно сделать api клиент на React?

Question

[nickname13384]

Добрый вечер, подскажите как сделать апи клиент для множества fetch запросов
пример
/posts 100 posts
/comments 500 comments
/albums 100 albums
/photos 5000 photos
/todos 200 todos
/users 10 users

я же не могу писать для каждого запроса fetch(api/posts), fetch(api/comments), fetch(api/albums) и т.д

Comments

[Kovalsky]

Почему не можете? Вроде бы других вариантов и нет. В идеале как-то так наверное:

async function getPosts(user_id, amount);
async function getComments(user_id, amount);
...

async function getInitialData(user_id) {
	const [
		posts,
		comments,
		...
	] = Promise.all([
		getPosts(user_id, 20),
		getComments(user_id, 100),
		...
	]);

	return {
		posts: posts,
		comments: comments,
		...
	}
}

[nickname13384]

Kovalsky, это немного не то

[Kovalsky]

nickname13384, а что нужно?

[nickname13384]

Kovalsky, нужен один fetch(api/) с обработкой ошибок, а от него уже функции getPost(/post), getComments(/comments)

[Kovalsky]

nickname13384, ну да, согласен. Моя модель как раз предполагает наличие некой функции отправки запроса которую вызывают getPosts, getComments и другие.

Answer 1

[artem_music]

Сделайте функцию-хэлпер или декоратор на компоненты, где будет вызов fetch и другие повторяющиеся куски.

я же не могу писать для каждого запроса

Почему не можете? Просто следуйте принципам DRY - увидели что везде пишите одно и тоже - выносите в модули/итераторы/etc

Comments

[nickname13384]

я думал сделать с помощью замыканий но не уверен

[Oleg]

Ну замыкания – это совсем про другое.

artem_music дал вам дельный совет:

Сделайте функцию-хэлпер или декоратор

А в функцию-хелпер уже можно вынести обработку ответов от сервера и ошибок.

[nickname13384]

Oleg, скачал книгу по функциональному программированию, посмотрю что к чему