JSX

Element And Rendering

Components와 Props

State and Lifecycle

event 처리하기

조건부 렌더링

List and Key

Form

State 끌어올리기

합성 vs 상속

React처럼 생각하기

1. 우선 컴포넌트가 될 수 있는 것 구분하기
2. 정적 상태 만들기(state 사용하지 않고 props로만)
3. 변경 가능한 state의 최소 집합을 생각하기(중복배제원칙)
   1. 시간에 따라 변경 하는가?
   2. 부모로부터 props를 통해 전달되는가?
   3. state와 props를 통해 계산 가능한가? ⇒ 모두 state가 아니다.
4. state가 어디에 있어야하는지 찾기
5. 역방향 데이터 흐름 추가하기