Хей, сообщество, привет)
Подскажите где мне посмотреть Бест практики по вынесению api вызовов в реакт приложении в отдельный слой)

Чтобы не писать в каждом компоненте axios.get axios.post и тд
А чтобы api.users.getAll или api.words.post в таком ключе

Я надеюсь меня вы поняли )

Напишите httpClientAsSingleton под капотом которого будет работать axios.

Благодарю 🙏🏼
Я ещё искал гитхаб репозитории чтобы посмотреть как там юзают то, что я хочу )

под каждый эндпоинт делаешь функцию, в которой делаешь запрос, если хочешь красиво хендлить бизнес ошибки(неправильный пароль, например) на разных слоях, можешь взять Either монаду

ничего с синглтоном придумывать не надо
Во первых у тебя апи слой скорее всего будет стейтлес
Во вторых es модули по дефолту и так синглтоны

А вы так уже выносили ? Это вообще хорошая идея? Или я занимаюсь лишним ?)

хорошая идея

Я это ещё делаю и для того чтобы в каждый запрос потом положить токен в заголовок

Чтобы эту логику в одном месте написать )

Синглтоном можно сделать минималистичный аналог саг в плане удобного управления отмены запросов. Как минимум.

Можешь набросать псевдокод?

К слову о стейтлес ор стейтфул, всё-таки.

На телефоне не могу, скину позже.

Можно ли использовать в  некоторых случаях простую переменную для хранения значения в компоненте вместо useState?

Да

Можно ли как-то к каждому элементу в компоненте добавить определённый класс, может есть какие-то хуки или либы для этого?
Суть в чем - на сайт, где уже есть materialize css нужно добавить компоненты на реакте с определенной UI либой. Materialize для стандартных элементов (div, input и т.д.) задает стили с селектором :not(.browser-default), т.е. чтобы они не работали (не конфликтовали со стилями UI либы), нужно у элементов указывать класс browser-default

Ну или может кто сталкивался с такой проблемой и есть альтернативное решение?

Ну там же нет обработки результата)

Вот если бы response.data возвращалось, тогда еще да

а ну да. ладно