리액트에서 compound component pattern과 atomic design pattern을 동시에 사용 할 수 있나요?

Question

프로젝트 설계 단계에서 디자인 패턴에 대해 리서치 중 compound componen pattern과 atomic design pattern 두 개 다 좋아 보여 도입을 고려 중에 있는데요.만약 두 디자인 패턴을 동시에 적용하게 된다면 아래 코드 중 FlyOut.Item은 compound component의 관점에서 FlyOut의 props이니 FlyOut이라는 폴더에 저장을 해야 할지, 아니면 다른 컴포넌트에서도 재사용이 가능하도록 atomic 폴더 안에 두고 import 해서 사용해야 하는지 고민입니다.제가 생각했을때 다른곳에서도 재사용이 가능하면 atomic 폴더 안에, 가능하지 않다면 해당하는 organizaion 폴더 안에 두는게 좋을 것 같은데 재사용 가능한 컴포넌트를 만들기 위해 디자인 패턴을 적용하는건데 좀 모순인거 같고 안티 패턴인거 같아서요.두 패턴을 한 프로젝트에 동시에 적용 하는게 가능할까요? 가능하다면 어떤 방향으로 설계를 해야 좋은 설계일까요?export default function FlyoutMenu() { return ( Edit Delete );}...function Item({ children }) { return

{children}

;}

몰랑토끼 · Answer

합성 컴포넌트는 그 자체로 하나의 패키지(세트) 이기 때문에 아토믹의 오가니즘 정도로 들어가면 될거같습니다.

리액트에서 compound component pattern과 atomic design pattern을 동시에 사용 할 수 있나요?

1개의 답변

#designpattern 목록