너무 많은 emotion component 어떻게 해결해야 할까?

[hwangstar156]

현재 모든 태그를 emotion component로 관리하고 있습니다. 이렇게 관리하다보니 재사용을 하기가 매우 힘들어지는것 같습니다.

현재 컨벤션으로 모든 태그를 emotion component로 만들자했는데 그렇게 하다보니 네이밍이 굉장히 힘들어지는 문제가 생기는것 같습니다.

[hwangstar156]

일단 저는 common으로 디자인 템플릿을 모두 만들어 놓고 이 디자인을 재활용하여 이용할수 있도록 하는게 좋을것 같습니다. 지금 문제점중 하나가 각각의 페이지에서 사용되는 버튼이 기본적인 것은 비슷하고 약간씩만 다른데 각각의 emotion component를 사용하고 있습니다.

그래서 common을 이용하고 emotion의 css props를 이용하여 이 스타일을 조작하는것이 어떨까라고 생각됩니다.

// 글 등록 버튼
import articleButtonStyle from './style'

<Button css={articleButtonStyle}/>

// 댓글 등록 버튼
import commentStyle from './style';

<Button css={commentStyle}/>