DOM을 어떻게 바꿀지보다 현재 상태에서 어떤 화면이어야 하는지를 코드로 표현합니다.
core model
React 장점 정리
선언적 렌더링은 원하는 화면을 적고, 컴포넌트는 화면을 나누며, 단방향 데이터 흐름은 변경 경로를 읽기 쉽게 만듭니다.
반복되는 UI와 책임을 작은 단위로 나누어 재사용과 테스트가 쉬워집니다.
변경 전후 결과를 비교해 실제 DOM 조작을 필요한 노드와 속성으로 좁히는 모델입니다.
상태별 화면 결과가 코드에서 바로 읽히는지 본다.
같은 UI 규칙을 컴포넌트로 반복 사용할 수 있는지 확인한다.
부모에서 자식으로 내려가는 데이터 방향을 유지한다.
변경이 필요한 최소 화면만 다시 그려지는 구조를 떠올린다.