Relay를 사용하는 이유에 대한 생각 정리

*fact 기반이 아닌 개인적인 생각 정리 글입니다. 이 점 참고해주세요.

 

1. Relay를 활용하면 Suspense를 사용할 수 있게 됩니다. 즉, 컴포넌트 내부에서는 data fetch에 대한 비동기 상황은 고려하지 않고 코드를 짤 수 있게 된다는 것이죠. 외부에 비동기 상황에서의 대처를 위임할 수 있게 되니까요.

 

2. Suspense는 React-Query, SWR 등에서도 사용 가능합니다. 그렇다면 Suspense 이외에서 Relay의 장점은 무엇일까요? 바로 선언적인 data fetching이 가능하다는 것입니다. Relay를 통해 데이터 fetching을 하려면 컴포넌트 내부에서 query를 적어야합니다. 이때 이 query 내용에 해당 컴포넌트가 필요한 데이터를 '명시'하는 방식입니다.

 

정리하면 data fetching이 필요한 컴포넌트에서 필요한 데이터를 직접 명시하며 선언적인 코드 작성을 하게 되는 것이죠.

 

3. 각 컴포넌트에 적힌 query를 컴파일 단계에서 하나로 통합해 최적의 request를 만들어줍니다. 이 과정에서 data를 fetching하는 request가 정제되겠죠.