React 공식 문서 정리

당연한것은 버릴예정

Think in React

with ui

• 여기도 컴포넌트 분리가 단일책임원칙을 반영하고자 나온 듯하다.

계층적

• props : 데이터를 넘겨주는 컴포넌트를 구현가능
  • 정적임
• 계층구조 설계방향
  • top-down : in small project
  • bottom-up : in large project
    • 테스트 작성하면서 개발하기 쉬움

상호작용(state)

• state는 앱이 기억해야하는 변경할 수 있는 데이터의 "최소" 집합
  • 꼭 필요한것만 써라
  • 중복 배제원칙이 가장 중요하다
    • 나머진 실시간으로 계산해라.
• ex) 쇼핑리스트, 상품개수를 둘다 state값으로 가지지말고 쇼핑리스트만 state값으로 가져라.
• state인지 결정 하는 기준
  1. 시간이 지나도 변하지 않는가?
  2. 부모로부터 props를 통해 전달되는가?
  3. 다를 state와 props를 가지고 계산 가능한가?
  • 모두다 No면 state.
• state의 위치 정하느기분
  • 해당 state기반으로 렌더링 하는 모든 컴포넌트를 찾음
  • 가장 가까운 공통되는 부모컴포넌트 찾음