[React] Element, Component, Props, State, Hook, Custom Hook, Event

Element

1. 리액트 앱의 가장 작은 빌딩 블록들
2. 자바스크립트의 객체 형태로 존재
3. 불변성

Component

Props → React Component → return React Element

Props

1. 읽기 전용
2. 같은 props가 들어오면 항상 같은 엘리먼트를 리턴

State

State를 정의할 때는 렌더링이나 데이터 흐름에 사용되는 값만 state에 포함

Hook

1. useState
   const [변수명, set함수명] = useState(초깃값);
2. useEffect
   useEffect(이펙트 함수, 의존성 배열);
3. useMemo 값을 반환 useCallback 함수를 반환
4. useRef
   const refContainer = useRef(초깃값);

Custom Hook

→ github react/ react-example/example3

Event

→ github react/ react-example/example4