[React hooks] 이걸 왜쓰는데요?

React hooks?

• calss 없이 state를 사용할 수 있는 기능
• Class Component → Functional Conponent
  
  babel → 밑에 세 줄만 functional Component

---

왜 Class Component를 사용했나?

• React 16.8 이후 React hooks 도입 이전,
  함수형 컴포넌트에서는 리액트 생명주기를 비롯해 중요한 기능들을 다루지 못함 → class component 사용
• 업데이트 이후에는 함수형에서도 생명주기, state, API 호출 등 다양한 기능을 사용하게됨 → hooks 배워
• 중복되거나, update가 필요한 부분을 간결하게 처리 가능.

• Class Component →
  componentDidMount, ComponentDidUpdate, componentWillUnmount 모두 다르게 처리
• React hooks(functional component) → useEffect 내부에서 모두 처리 가능

useEffect(() => {
	fetchList(id)
		.then((repos) => {
			setRepos(repos)
	})
}, [id])

John Ahn님의 React Hooks이란 ? React Hooks으로 인해 얻는 이점들을 보고 정리하기 위해 작성했습니다