Например пусть форма прогрузмится

А потом данные прилетят и заполнится

?

А как он спасает?

Тип, можно это делать в своем хуке: const [user, error, loading, refresh, cancel] = useFetchUser(id).

посмотри swr от vercel

А в основе хука такой шаблон:

const useFetchUser = id => {
  const [result, setResult] = useState()
  const [error, setError] = useState(null)
  const [loading, setLoading] = useState(false)
  
  const fetch = useCallback(async, () => {
    try {
      setError(null)
      setLoading(true)
      const response_ = await axios.get(`/users/${id}`)
      setResponse(response_)
    } catch (error) {
      setError(error)
    } finally {
      setLoading(false)
    }      
  }, [id])

  useEffect(() => {
    fetch()
  }, [id])

  return [result, error, loading, fetch]
}

Поскольку единственная не шаблонная часть здесь — await axios.get(`/users/${id}`), этот шаблон легко превращается в такую фабрику:

co

nst createFetchHook = (factory, deps) => {
  return (...args) => {
    const [result, setResult] = useState()
    const [error, setError] = useState(null)
    const [loading, setLoading] = useState(false)
  
    const fetch = useCallback(async, () => {
      try {
        setError(null)
        setLoading(true)
        const response_ = await factory(...args)
        setResponse(response_)
      } catch (error) {
        setError(error)
      } finally {
        setLoading(false)
      }      
    }, deps)

    useEffect(() => {
      fetch()
    }, deps)

    return [result, error, loading, fetch]
  }
}

const useFetchUser = createFetchHook(() => axios.get(`/users/${id}`), [id])

Ну, вот. Тем более, уже готовое решение ровно для того же есть )

Ну, теперь я совершенно уверен, что редакс не нужен )

да, мы в одном проекте как раз вместо редакса заюзали swr

Спасибо за подсказку! Это теперь мое любимое решение для рестов )

Видимо раз тут спросил, хотел узнать, может кто подтолкнет теоретически, как должно получиться

Ну вот же - то что нужно!

Всем привет! Подскажите, пожалуйста. При использовании useEffect с пустым массивом зависимостей получаю ворнинг React Hook useEffect has missing dependencies . Но мне действительно нужно, что бы в этот массив ничего не входило.
Что делать с таким предупреждением?

Всем привет, подскажите насколько актуальна либа redux toolkit, как по современному принято создавать crud редьюсеры ?

Попробуйте добавить комментарий в конце той же строки:

// eslint-disable-line react-hooks/exhaustive-deps

.

По правде сказать, пока не понятно насколько вообще редакс актуален.

А у вас что за проект?

// eslint-disable-line react-hooks/exhaustive-deps

Все равно ругается, next-line тоже пробовал

А какая конкретно выдается ошибка? Мб не exhaustive-deps, а другая?