эффектов и выносить переиспользуемый код вроде интуитивно понятно, что есть смысл
а вот такой кейс вообще несет в себе смысл?
const getText = (data) => {
//*** .....
};
const uselessComponent = (props) => {
const text = getText(props.someData)
return <span>{text}</span>
}
про эффекты я не тебе отвечал, если что
it depends. те же селекторы в редаксе - да, для остальных случаев я бы смотрел исходя из логики в getText.
если гет текст получает какую-то дату, делает запрос или как-то ее обрабатывает и всегда одинаково — то в компоненте он вроде как точно не нужен, я бы вынес это в отдельный файл, но это уже вопрос общей рхитектуры. Например у себя я все fetch и храню в отдельном файле, который кличу somenameAPI — в нем у меня все обращения к серверному АПИ. Все функции, которые дергают функции из somenameAPI — хранятся в екшенах и они никак напрямую на компонент не влияют, они запрашивают через апи данные и куда-то передают, возвращают, етс А в компоненте и в файле компонента содержится только та логка, которая ему крайне необходима, логика отображения, построения, взаимодействия с пользователем(скрыть показать окно/галочку/инпут) но у меня редакс
Обсуждают сегодня