React 컴포넌트 함수형 vs Class형

Class 형 컴포넌트에는 life cycle API, state 같은 기능들이 들어있고 함수형은 없다.

그래서 보통 데이터 조작 없이, 단순히 부모로부터 props 를 받아 보여주기만하는 컴포넌트는

함수형으로 작성하는데 이게 코드도 깔끔하고 성능도 미세하게 더 빠르다고 한다.

 

그러나, Hook 이 나온 이후로 이 둘은 차이가 없다고 봐도 무방하다. 다만, 두 방식은 서로 작동하는

매커니즘의 차이로 class형 컴포넌트는 특정 상황에서 버그를 만들 수 있는데.. ( 아래 링크 참조 )

--> https://overreacted.io/ko/how-are-function-components-different-from-classes/

함수형 컴포넌트와 클래스, 어떤 차이가 존재할까?

 

그렇다고 기존에 만든 Class 형 컴포넌트들을 다 Hook 으로 바꿀 필요는 없고

그냥 선택 사항이다.