리액트 사고 & 컴포넌트 분리기준.

Step 1: UI를 컴포넌트 계층으로 쪼개기 

단일책임 원칙

단일 책임 원칙 - 위키백과, 우리 모두의 백과사전

 

Step 2: React로 정적인 버전 구현하기

Step 3: 최소한의 데이터만 이용해서 완벽하게 UI State 표현하기

Step 4: State가 어디에 있어야 할 지 정하기

Step 5: 역 데이터 흐름 추가하기

 

프론트엔드 아키텍처: 컴포넌트를 분리하는 기준과 방법

 

대강 이런 흐름으로 나아간다고 볼 수 있는데,

 

핵심은 단일책임. 이 단어만 알면 위의 내용을 관통한다고 볼 수 있다.