•
특별한 사유가 없다면 리모트 데이터의 호출과 소비처는 가까이 두는 것이 좋다
◦
dump 컴포넌트로 둘 수 있다고 하더라도
▪
해당 페이지의 맥락을 살펴보았을 때 재사용 가능성이 낮거나(”과연 정말 재사용 될까?”)
▪
기획 자체가 해당 페이지의 맥락에 강하게 결합되어 있다면
▪
응집을 높여주는 것이 좋은 선택일 수 있다
◦
결합도 관점에서는 독립적일 수 있는 컴포넌트가 불필요하게 외부에 의존하는 형태가 된다
// Before
const FooPage = () => {
const products = useQuery(productQueries.list())
return <BarCardList products={products} />
}
TypeScript
복사
// After
const FooPage = () => {
return <BarCardList />
}
TypeScript
복사
