뷰 모델

뷰 모델은 화면이 직접 사용할 이름과 의미로 만든 파생 값이다. 서버 응답의 display_name, 가격 객체와 재고 코드를 상품 카드가 쓰는 name, priceText, canBuy와 availabilityText로 바꾼 결과가 한 예다. 같은 원본이라도 목록, 상세와 편집 화면은 서로 다른 뷰 모델이 필요할 수 있다.

뷰 모델은 원본과 별도로 수정되는 두 번째 진실이 아니다. 가능한 경우 순수 함수나 selector로 매번 파생하고, React state에 복제해 동기화하지 않는다. 어떤 변환이 모든 소비자의 공통 의미인지, 특정 화면만의 표시 판단인지는 캐시와 데이터 계층의 경계를 정할 때 함께 결정한다.