Why?

<aside> 💡 비즈니스 로직을 컴포넌트에서 분리하기 위해서이다.

</aside>

리액트는 상속보다 조합

리액트 공식문서를 살펴보면 상속으로 인해 발생하는 문제들에 대해서 확인 할 수 있다.

• Container- Presentainer

Composition vs Inheritance - React

제작된 컴포넌트가 제거 되는 경우

1. 잘못된 추상화

   — 시간이 지나면서 잘못 된 방향으로 진화

2. 해당 UI 혹은 기능이 더 이상 필요하지 않은 경우

   — UI 혹은 기능이 더 이상 사용되지 않음

잘못된 추상화

• 자이언트 컴포넌트
  • 주로 props가 계속 증가해서 발생한다.

문제 상황

1. props 역할을 파악하기 어렵다.
2. props 를 파악하기 위한 문서화가 따로 필요함.
3. 요구 사항이 복잡할수록 기괴한 props 명이된다.