2022/11/15 - 리액트 답게 생각하기

1. UI를 컴포넌트 트리로 구성하기

컴포넌트 설계는 단한가지만을 책임을 져야한다. 한가지 이상의 처리가 필요하면 더 작은 컴포넌트로 구분해야한다.

2. react 앱 정적 빌드

데이터 모델에서 UI를 렌더링 하도록 작성해야 합니다. 데이터 모델은 정적 빌드를 하기 위해서는 컴포넌트를 재사용하고 props를 사용해 데이터를 전달하는 컴포넌트를 만들어야 합니다.

3. UI 데이터

UI와 사용자가 대화를 할 때는 state를 사용한다. state는 앱이 기억하고 변경해야 할 데이터의 최소 집합입니다. 이때 state는 중복 없이 최소로 표현하는 것이 가장 중요합니다.

4. 앱 상태관리

state의 데이터는 최소로 식별하고 변경을 해야하며, 단방향 흐름을 사용해 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달합니다.

5. UI 업데이트

사용자 입력에 따라 state를 변경하려면 데이터 흐름과 반대 방향으로 접근해 데이터를 업데이트 해야 합니다.