function-class-component.md

함수형 컴포넌트 vs 클래스형 컴포넌트

hook이 나온 이후엔 공식문서에서도 함수형 컴포넌트와 hook을 함께 사용할 것을 권장하고 있다.

클래스형 컴포넌트의 단점

• 상태 로직 재사용이 어렵다.
• 코드가 복잡해진다.
• 관련 없는 로직들이 함께 섞여 있어 이해하기 힘들다.

함수형 컴포넌트의 특징

• 함수형 컴포넌트를 사용하면 코드가 간결해진다는 장점을 갖는다.
• 특히 컴포넌트를 정의할 때 화살표 함수를 사용할 수 있는데, props를 비구조화 할당을 이용해 받아올 수 있다.
• 리액트의 라이프 사이클 메서드를 사용할 때, 클래스형 컴포넌트는 각각의 라이프 사이클 메서드를 따로 작성해야 하는데, 함수형 컴포넌트는 useEffect hook 안에서 모두 작성할 수 있다.