React 컴포넌트 재사용에 대하여

어라 공식문서 조금 더 정독했더니 뭔가 갈피가 잡히는것 같습니다만 공통 기능의 범위를 지정하여 컴포넌트를 만들고 props과 훅을 통해 역할을 나누는것 예를 들어 input 태그를 컴포넌트로 작성하였다면 props.type 값만 제어하여 같은 input이지만 타입만 다른 요소들을 여러개 만들 수 있다는것이 재사용성.. 제가 제대로 이해한게 맞나요??

간결하게 먼저 답변드리면, 디자인과 기능이 모두 동일해야만 컴포넌트로 만드는 것은 아닙니다. 서로 디자인과 기능상에 약간의 차이가 있어도 각각 새로 만드는 것보다 재사용하는 것이 "작업 공수"가 덜 들 거란 판단이 들면 컴포넌트로 만들고, 그렇지 않은 경우에는 보통 만들지 않습니다. 하지만 "작업 공수"에 대한 판단은 주관적이기도 하며, 같은 대상을 바라보더라도 개발자의 컴포넌트 설계 능력에 따라 누군가에게는 재사용하기 어렵다는 판단 하에 컴포넌트를 만들지 않는 반면 누군가는 재사용가능하도록 만들어내는 것이 가능하기도 합니다. 마지막으로 말씀하신 "공통 기능의 범위를 지정하여 컴포넌트를 만들고 props와 훅을 통해 역할을 나누는 것"의 개념은 잘 이해하신 것 같습니다만, 제가 알고있는 바로는 props를 통해서만 역할을 나누는 것으로 알고있어서 훅은 어떤 의미로 함께 이야기했는지 조금 의문이 드는데요, 혹시 참고하신 링크 알려주시면 저도 알아가는 입장으로 좀 더 공부해보도록 하겠습니다. 추가로 아래 링크도 참고해보시면 아직은 완벽히 이해하시기엔 조금 어려우실 수도 있으나, 실무에서는 어떻게 재사용가능한 컴포넌트를 만들어내는지 어느정도 감이 잡히실 것 같습니다. https://jbee.io/web/components-should-be-flexible/