через useEffect делаю get запрос, и начинается бесконечный запрос. Как можно решить эту проблему?

Дело в deps

что за deps?

Дело в deps

ну по факту нигде, кроме проектов где есть эти технологии rxjs может ещё в ангуляре

Ну я из тех соображений, что технология сама по себе очень привлекательная чтобы ее использовать, и такой способ знакомства с ней, позволит в дальнейшем ее активно применять где угодно. У меня так и было, началось все с redux-observable, и стех пор вообще идея примениния Rx меня не покидает использовать ее и ее возможности везде и всюду, аш себя по рукам надо бить иногда чтобы не тащить туда где объективно это будет оверхед и хочтся просто однообразия и удобства. (хотя вот на конкретно текущем проекте :) этого добра нет, но я работаю над этим - скоро занесем, вопрос уже решенный) Сама по себе идеология observable, реактивного программирования, мыслить потоками и методами их обработки, ИМХО - очень хорша. PS: Rx кстати очень неплохо заходит и в других языках и зачастую очень помогает найти обший язык с бэкендерами :)

писать на rxjs === посыпать проект сложноотловимыми багами

через useEffect делаю get запрос, и начинается бесконечный запрос. Как можно решить эту проблему?

писать на rxjs === посыпать проект сложноотловимыми багами

в ангуляре спокойно юзают

ну сложности с отладкой есть определенные, но прям вот ставить "строгое сравнение" я бы не стал, даже исходя из того факта что RxJS как core технология используется в том же ангуляре

Это вообще ничего не значит)

писать на rxjs === посыпать проект сложноотловимыми багами

только что сталкивался с этим) и нашел эту статью очень годной https://www.robinwieruch.de/react-hooks-fetch-data

только что сталкивался с этим) и нашел эту статью очень годной https://www.robinwieruch.de/react-hooks-fetch-data

ммм, фетчинг из компонентов))

если компонент маленький и никак не привязан к общей логике приложения, почему нет?

ммм, фетчинг из компонентов))

если компонент маленький и никак не привязан к общей логике приложения, почему нет?

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

К тому же буду я выяснять где данные фетчатся, проще уж вынести в стм)

Ну ангуляр говно не только по этой причине

проблема в том, что в большинстве примеров в инете так и приводится. В компоненте дернул метод -> в стейт положил -> отрисовал. И пока человек там до стм дойдет, уже так и будет делать.. А если на работу устроился в мелкую контору, где и подсказать некому, так и будет делать .. Пока не прийдет в этот чат 😉

Это нормальное допущение чтобы не усложнять пример, но я бы сверху красным капсом писал что логику загрузки данных нужно выносить из компонента

проблема в том, что в большинстве примеров в инете так и приводится. В компоненте дернул метод -> в стейт положил -> отрисовал. И пока человек там до стм дойдет, уже так и будет делать.. А если на работу устроился в мелкую контору, где и подсказать некому, так и будет делать .. Пока не прийдет в этот чат 😉

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

бля у меня джунство было простым, просто дают проэкт ты делаешь😁

на предыдущей работе тоже так было, сам с нуля изучал реакт и все с нуля делал, никто не подсказывал щас устроился в большую контору, все кул)

на предыдущей работе тоже так было, сам с нуля изучал реакт и все с нуля делал, никто не подсказывал щас устроился в большую контору, все кул)

чего в чате тогда спрашиваешь? )) к лиду иди 🙂

const f = a => b <TypedComponent onClick={f} /> А как делать, что бы f имел тип onClick? Если просто подставлять в onClick={a => b}, то a => b типизировано (заинферено), если выносить в f, то ни то, ни то не типизировано

писать на rxjs === посыпать проект сложноотловимыми багами

Если это ts, то он не умеет в вывод типов.

А флоу бы смог?

const f = a => b <TypedComponent onClick={f} /> А как делать, что бы f имел тип onClick? Если просто подставлять в onClick={a => b}, то a => b типизировано (заинферено), если выносить в f, то ни то, ни то не типизировано

Почему 2 раза консоль срабатывает?

может, у тебя рендерится 2 раза?

компонент на странице всего 1

компонент на странице всего 1

компонент на странице всего 1

внутри хука 2 раза консоль отвечает, а в рендере 1 раз, это нормальное поведение?

Да.

Я правильно понимаю что консоль лог будет выводится при каждом изменении state ?

что да, почему два раза, на каждый апдейт тоже - два раза

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

Срабатывание юзСелектора не говорит о том, что что-то будет перерендериваться

причем тут перерендер ало, я говорю про два выполнения

Ну и что тут не понятного, выше же написано, при ЛЮБОМ изменении стейта консоль лог выводится

ты глупый или притворяешься? еще раз попробую, 1 коннект, без тригера - две консоли, с тригером - 2 консоли, переписать на обычный коннект - 1 консоль, зачем вообще отвечать, если максимально не одуплил вопрос?

ты глупый или притворяешься? еще раз попробую, 1 коннект, без тригера - две консоли, с тригером - 2 консоли, переписать на обычный коннект - 1 консоль, зачем вообще отвечать, если максимально не одуплил вопрос?

С чего ты взял что триггера не было? Автор куска кода сказал? Давай спулим проект и проверим?

Первый вызов: https://github.com/reduxjs/react-redux/blob/master/src/hooks/useSelector.js#L33 Второй вызов: https://github.com/reduxjs/react-redux/blob/master/src/hooks/useSelector.js#L54 Это при маунте.

Вынеси код кастомного хука в отдельный файл

Ребят, вызываю useEffect по кнопке поиска, в ответ получаю следующее, как я понял, хук юзается вне компонента, но вроде как, использую его в компоненте

А что это даст?

вынеси useSearch за компонент

вынеси useSearch за компонент

Ошибки умеешь читать?