React로 사고하기

React 기본기를 다시 다져보자

컴포넌트 분리

• 우리가 새로운 함수나 객체를 만들 때 처럼 하나의 컴포넌트는 한 가지 일을 하는게 이상적이라는 원칙이다.

state를 정확히 설계하고 사용하자

• state는 오직 상호작용을 위해, 즉 시간이 지남에 따라 데이터가 바뀌는 것에 사용하는 것이 옳다.
• 애플리케이션이 필요로 하는 가장 최소한의 state를 찾고 이를 통해 나머지 모든 것들이 필요에 따라 그때그때 계산되도록 만들자. 예를 들어 TODO 리스트를 만든다고 하면, TODO 아이템을 저장하는 배열만 유지하고 TODO 아이템의 개수를 표현하는 state를 별도로 만들지 말자. TODO 갯수를 렌더링해야한다면 TODO 아이템 배열의 길이를 가져오는 등의 방법으로 state의 불필요한 사용을 줄 일 수 있다.

참고