20200105

sideEffect : api ,네트워크 요청

 

 

리액트로 사고하기 요약

1.목업으로시작하기

2.ui 를 컴포넌트 계층구조로 나누기 (단일책임원칙 ,box형태로)

3.react 정적인 버전으로 만들기(상향식or하향식 ,state 미사용 )

4.ui state표현 찾아보기 최소한으로 그러나 완전하게(중복배제원칙,질문3,검색어,data,체크유무)

5. state 위치잡기

• state를 기반으로 렌더링하는 모든 컴포넌트를 찾으세요.
• 공통 소유 컴포넌트 (common owner component)를 찾으세요. (계층 구조 내에서 특정 state가 있어야 하는 모든 컴포넌트들의 상위에 있는 하나의 컴포넌트).
• 공통 혹은 더 상위에 있는 컴포넌트가 state를 가져야 합니다.
• state를 소유할 적절한 컴포넌트를 찾지 못하였다면, state를 소유하는 컴포넌트를 하나 만들어서 공통 오너 컴포넌트의 상위 계층에 추가하세요.

6.역방향 데이터 흐름추가하기