컴포넌트는 언제 어떨 때 만들어야할까?

에 대한 짧은 글.

 

1) 반복 출현하는 html 덩어리일 때

 

2) 자주 변경되는 html 덩어리,

React는 useState가 변경되면 그 변수가 있는 컴포넌트 전체가 재렌더링되므로,

자주 변경되는 html이 있다면 그것만 컴포넌트로 묶어준다.

그러면 변경이 일어날 때 전체가 아닌 그 컴포넌트만 변경되기에 성능상의 이점을 볼 수 있다.

 

그렇지않으면 허구한날 useState 변경 시 통렌더링이 일어나 불필요한 자원을 소모할것이다.

 

3) 다른 url페이지를 만들 때 역시 컴포넌트로 만든다.

 

 

그렇다고 너무 많이 잘게 쪼개면 props나 redux를 너무 많이 사용하게 될 수 있으니 꼭 필요할 때 만들도록한다.