React - Class VS Functional Component

https://boxfoxs.tistory.com/395

React - Functional Component의 장점, Hook

 

힘수형 컴포넌트는 클래스형 컴포넌트보다 선언하기 편하며 메모리 자원도 덜 사용함
또한 프로젝트를 완성하여 빌드한 후 배포할 경우 함수형 컴포넌트를 사용하는 것이 결과물의 파일 크기가 더 작음
(하지만 성능과 파일 크기 면에서 사실상 큰 차이는 없음..)

함수형 컴포넌트는 State와 LifeCycle API 사용이 불가능하다는 점이였으나. 리액트 v16.8 업데이트 이후 Hooks 라는 기능이 도입되어 조금 클래스형 컴포넌트와 조금 다른 방식으로 비슷한 작업이 가능

리액트 공식 매뉴얼에서는 컴포넌트를 새로 작성할 때 함수형 컴포넌트와 Hook을 사용하도록 권장하고 있음.

 

참고.

리액트를 다루는 기술 - 김민준 지음, 길벗 출판