[React] 클래스형 컴포넌트와 함수형 컴포넌트

함수형 컴포넌트를 사용하면 더 좋은 이유?

• 함수형 컴포넌트의 경우 state, lifeCycle 관련 기능 사용이 불가능하였으나, 2019년 v16.8부터 hook을 지원해주면서 이 부분이 해결되었다.
• 클래스형 컴포넌트는 로직과 상태를 컴포넌트 내에서 구현하기 때문에 상대적으로 복잡한 로직을 갖고 있다. 반면에, 함수형은 hook들을 필요한 곳에 사용하며 로직의 재사용(custom hook)이 가능하다는 장점이 있다.
• 함수형 컴포넌트는 선언이 좀 더 용이하며 클래스형 컴포넌트에 비해 메모리 자원을 덜 사용한다.
• React 공식 문서에서도 함수형 컴포넌트와 훅(hook)을 사용할 것을 권장하고 있다.

⇒ 컴포넌트 선언이 편리하며 메모리 자원을 덜 사용하고, 로직의 재사용이 용이하기 때문에 때문에 함수형 컴포넌트 사용을 기본으로 한다. 단, 특정 사유(예전에 만들어진 라이브러리와의 호환, 훅으로 구현할 수 없는 상태관리 등)가 있는 경우에 한해 클래스형 컴포넌트를 사용한다.

추가로 알고 있으면 좋은 자료)

• 클래스형 컴포넌트 - State와 Lifecycle
• 함수형 컴포넌트 - Hook