Thinking in React (리액트스럽게 생각하기)
Source
Evernote/Inbox/Thinking in React(리엑트스럽게 생각하기).md
Summary
React 공식 문서의 ‘Thinking in React’ 번역 및 요약으로, React 애플리케이션을 설계하는 3단계 접근법을 다룹니다. 1단계는 UI를 단일 책임 원칙에 따라 컴포넌트 계층으로 분리하는 것이며, 2단계는 props를 사용하여 상호작용 없이 데이터를 렌더링하는 정적 버전(Static Version)을 구현하는 것입니다. 3단계는 DRY 원칙을 적용하여 최소한의 state를 식별하는 것으로, props로 전달되거나 계산 가능한 데이터는 state로 관리하지 않습니다.
Key Points
- UI 설계 시 단일 책임 원칙(SRP)을 적용하여 컴포넌트를 분리하고 계층 구조를 구성합니다.
- 정적 버전 구현 시 state를 사용하지 않고 props로 데이터를 전달하며, 상향식 또는 하향식 접근이 가능합니다.
- state 관리 시 DRY 원칙을 따르며, props로 전달되거나 다른 state/props로 계산 가능한 데이터는 state로 저장하지 않습니다.