컴포넌트(components)?

리액트는 컴포넌트들의 집합체.

좋은 컴포넌트란 독립적이며 고립되어있고 재사용성이 있어야한다.

 

그럼 어떤 단위로 컴포넌트를 나눠야 하나?

 

2가지 기준.

💨재사용성(DRY)

Don't Repeat Yourself

ex) 자주 사용되는 버튼을 컴포넌트로 만들어둠.

버튼 이름을 바꿀 수 있게 한다면 재사용성 up !

 

💨💨단익책임(SR)

Single Responsibility

ex) Article.

비록 다른 웹페이지에서 재사용할 일이 없더라도 한 컴포넌트 안에서 너무 많은 UI 또는 Logic이 들어 있다면,

이것들을 조금 더 작은 단위로 한 UI에서는 하나의 Domain만 보여줄 수 있도록 잘게 쪼개서 컴포넌트를 만들수 있다.