서버 캐시 상태를 전역 상태와 별도로 유지하고 모든 것을 비동기 적으로 읽고 업데이트 할 수 있는 후크 여기서 즐길 수 있는 것이 많이 있습니다.

https://github.com/tannerlinsley/react-query 

function Todos() {
  const { status, data, error } = useQuery('todos', fetchTodoList)

  return (
    <div>
      {status === 'loading' ? (
        <span>Loading...</span>
      ) : status === 'error' ? (
        <span>Error: {error.message}</span>
      ) : (
        // also status === 'success', but "else" logic works, too
        <ul>
          {data.map(todo => (
            <li key={todo.id}>{todo.title}</li>
          ))}
        </ul>
      )}
    </div>
  )
}