Components

Components

• 다른 컴포넌트들과 연결되어 있지 않고 독립적, 고립적인 코드여야 한다

• 언제든지 다른곳에서 재사용해서 사용할 수 있어야하고 재사용성 높아야한다

• 리액트는 작은 단위의 컴포넌트들을 조립해서 화면을 만들어 나간다.

어떤 단위로 나누어야 할까?

• 코드를 장석 할 때는 반복하지 말고 재사용 가능 한 코드들은 재사용 할 수 있도록!! 컴포넌트로 만든다

• 재사용 가능은 낮더라도 한 컴포넌트 안에서 너무 많은 로직들이(UI, 기능..) 들어 있으면 조금 더 작은 단위로 나눠주는 것이 좋음. (한개의 컴포넌트틑 하나의 일만 할수 있도록 해주는것이 좋다.)

구성

• render(), state, props로 구성되어있다.

• state : 데이터 내부상태

• props : 외부로부터 전달받은 상태

• render() : UI와 데이터를 담고 있는 함수

• state, props 데이터가 변경되면 리랜더된다