리액트

리액트 특징 정리

리액트에서의 데이터는 위에서 아래로만 흐른다.

리액트에서의 데이터 흐름은 트리구조에 의거하여 하향식으로 흐른다. (단방향 흐름이라고도 한다.)

코드스테이츠 학습자료

데이터를 전달하는 주체는 부모컴포넌트이다. 부모컴포넌트는 데이터를 props로 자식컴포넌트에게 전달한다.

 

컴포넌트는 props를 통해 전달받은 데이터의 출처를 알지 못한다.

 

부모컴포넌트가 자식컴포넌트에게 데이터를 전달하는 '하향식 전달 방식'은 아주 중요하다.

 

리액트를 대표하는 설명중 하나가 'One way data flow'일 정도이다.

State는 최소화할수록 좋다.

또한 모든 데이터를 state로 둘 필요는 없다. 사실 state는 최소화하는 것이 좋다. state 변화가 렌더링을 일으키기 때문이다.

state로 저장하지 않아도 되는 것을 찾는것도 중요하다.

 

어떤 데이터를 state로 두어야할까??

 

우선 아래 3가지 기준에 걸린다면 state가 아니다.

• 이미 props를 통해 전달받았는가??
• 시간이 지나도 변하지 않는가??
• 이미 만들어진 state나 props를 가지고 계산이 가능한가??