React에서 Component가 왜 중요한가요?

Component는 각 부분을 재사용 가능한 조각으로 UI를 나눈것과 같습니다.

React에서의 Component는 자바스크립트 함수와 같다고 볼 수 있습니다.

Component는 Input으로 Props를 받고 화면에 표시할 Element를 반환합니다.

 

컴포넌트화로 인해서 코드가 많아지고 계층구조가 복잡해질 수 있지만,
그로인해 얻는 이점인 분할된 기능들에 대한 관리나 재사용성이 매우 높아진다는점이 장점입니다.

 

정리

- 기능을 단위별로 캡슐화하는 리액트의 기본단위

- 사용자가 보는 뷰는 이 컴포넌트들을 조합해서 만듦

- 자바스크립트 함수 혹은 클래스이며 내부적으로 각자의 상태를 관리함